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随 着 我 国 改革 开放 进程 的 加 快 和 市 场 经 济 的 快速 发 展 ,广告 和 艺术 设 
计 产 业 也 在 迅速 发 展 。 广 告 和 艺术 设计 作为 文化 创意 产业 的 核心 和 关键 支 
撑 , 在 国际 商务 交往 丰富 社会 生活 、 塑 造 品 牌 . 展 示 形 象 、 引 导 消 费 、 传 播 文 
明 、 拉 动 内 需 、 解 决 就 业 、 推 动 民族 品牌 创建 ,促进 经 济 发 展 、 构 建 和 谐 社会 、 
弘扬 古老 中 华文 化 等 方面 发 挥 着 越 来 越 大 的 作用 ,已 经 成 为 我 国 服务 经 济 
发 展 重要 的 “绿色 朝阳 ”产业 ,在 我 国 经 济 发 展 中 占有 极其 重要 的 位 置 。 

1979 年 中 国 广告 业 从 零 开 始 ,经 历 了 起 步 、 快 速 发 展 、 高 速 增长 等 阶段 ， 
2011 年 我 国 广告 营业 额 突破 3000 亿 元 ,已 跻身 世界 前 列 。 商 品 销售 离 不 
开 广 告 , 企 业 形象 也 需要 广告 宣传 ,市 场 经 济 发 展 与 广告 业 密 不 可 分 ; 广告 
不 仅 是 国民 经 济 发 展 的 “晴雨 表 ”、 社 会 精神 文明 建设 的 “风向 标 ”, 也 是 构 
建 社会 主义 和 谐 社会 的 “ 助 推 器 ”。 由 于 历史 原因 ,我 国 广告 艺术 设计 业 起 
步 晚 ,但 是 发 展 飞快 ,目前 广告 行业 中 受过 正规 专业 教育 的 从 业 人 员 严 重 缺 
乏 , 因 此 使 得 中 国 广告 和 艺术 设计 作品 难以 在 世界 上 拔 得 头筹 。 广 告 设计 
专业 人 才 缺 乏 , 已 经 成 为 制约 中 国 广告 设计 事业 发 展 的 主要 瓶颈 。 

当前 , 随 着 世界 经 济 的 高 度 融合 和 中 国 经 济 国际 化 的 发 展 趋势 ,我 国 广 
告 设 计 业 正面 临 着 全 球 广告 市 场 的 激烈 竞争 , 随 着 世界 经 济 发 达 国家 广告 
设计 观念 、 产 品 营 销 、 运 营 方式 、 管 理 手段 及 新 媒体 和 网 络 广告 的 出 现 等 巨 
大 变化 ,我 国 广告 和 艺术 设计 从 业者 急需 更 新 观念 、 提 高 专业 技术 应 用 能 力 
与 服务 水 平 、 提 升 业务 质量 与 道德 素质 ,广告 和 艺术 设计 行业 和 企业 也 在 呼 
唤 “ 有 知识 、 懂 管理 会 操作 、 能 执行 ” 的 专业 实用 型 人 才 ; 加 强 广告 设计 业 
经 营 管理 模式 的 创新 、 加 速 广告 和 艺术 设计 专业 技能 型 人 才 培 养 已 成 为 当 
前 更 待 解决 的 问题 。 

针对 我 国 高 等 教育 广告 和 艺术 设计 专业 知识 老化 教材 陈旧 、 重 理论 
轻 实践 、 缺 乏 实际 操作 技能 训练 等 问题 ,为 适应 社会 就 业 需 求 ,满足 日 益 增 
长 的 文化 创意 市 场 需求 ,我 们 组 织 多 年 从 事 广告 和 艺术 设计 教学 与 创作 实 
践 活动 的 国内 知名 专家 教授 及 广告 设计 企业 精英 共同 精心 编撰 了 本 系列 教 
材 , 旨 在 迅速 提高 大 学 生 和 广告 设计 从 业者 的 专业 技能 素质 ,更 好 地 服务 于 


我 国 已 经 形成 规模 化 发 展 的 文化 创意 事业 。 

本 系列 教材 作为 高 等 教育 广告 和 艺术 设计 专业 的 特色 教材 ,坚持 以 科学 发 展 观 为 统 
领 ,力求 严谨 ,注重 与 时 俱 进 ; 在 吸收 国内 外 广告 和 艺术 设计 界 权威 专家 学 者 最 新 科研 成 
果 的 基础 上 ,融入 了 广告 设计 运营 与 管理 的 最 新 实践 教学 理念 ; 依照 广告 设计 的 基本 过 程 
和 规律 ,根据 广告 业 发 展 的 新 形势 和 新 特点 ,全 面 贯彻 国家 新 近 颁 布 实施 的 广告 法 律 、 法 规 
和 行业 管理 规定 ; 按照 广告 和 艺术 设计 企业 对 用 人 的 需求 模式 ,结合 解决 学 生 就 业 、 加 强 
职业 教育 的 实际 要 求 ; 注重 校 企 结合 ,贴近 行业 企业 业务 实际 ,强化 理论 与 实践 的 紧密 结 
合 ; 注重 管理 方法 、 运 作 能 力 、 实 践 技能 与 岗位 应 用 的 培养 训练 ,并 注重 教学 内 容 和 教材 结 
构 的 创新 。 

本 系列 教材 的 出 版 ,对 帮助 学 生 尽 快 熟悉 广告 设计 操作 规程 与 业务 管理 帮助 学 生 毕 
业 后 顺利 走 上 社会 就 业 具 有 特殊 意义 。 


教材 编 委 会 
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版 式 设 计 是 艺术 设计 专业 重要 的 核心 课程 ,也 是 从 业者 和 就 业者 所 必 
须 掌 握 的 关键 知识 技能 。 当 前 面 对 国 际 广告 艺术 设计 制作 业 的 迅猛 发 展 与 
激烈 的 市 场 竞争 ,对 从 业 人 员 专 业 技 术 素 质 的 要 求 越 来 越 高 ,社会 经 济 发 展 
和 国家 产业 变革 急需 大 量具 有 理论 知识 与 实际 操作 技能 复合 型 的 版 式 设 计 
专门 人 才 。 为 了 满足 日 益 增长 的 广告 市 场 需求 ,加 强 现代 艺术 设计 从 业者 
专业 素质 培养 ,提高 我 国 设计 制作 水 平 , 更 好 地 为 我 国文 化 创意 产业 服务 ， 
我 们 组 织 出 版 了 本 书 。 

本 书 第 1 版 自 2014 年 出 版 以 来 , 因 写 作 质量 高 .突出 应 用 能 力 培养 ,而 
深 受 全 国 各 高 等 院 校 广大 师 生 的 欢迎 ,目前 已 经 多 次 重印 。 此 次 再 版 ,结合 
党 的 十 九 大 报告 为 文化 创意 产业 发 展 指明 的 方向 ,编者 审慎 地 对 原 教材 进 
行 了 反复 论证 、 精 心 设计 ,包括 结构 调整 .压缩 篇 幅 、 更 新 补充 新 知识 增加 
技能 训练 等 相应 修改 ,以 使 其 更 贴近 现代 文化 产业 发 展 实际 ,更 好 地 为 国家 
文化 产业 繁荣 和 教学 实践 服务 。 

本 书 作为 高 等 教育 广告 艺术 设计 专业 的 特色 教材 ,坚持 科学 发 展 观 , 严 
格 按照 教育 部 关于 “加 强 职业 教育 、 突 出 实践 能 力 培养 ”的 教学 改革 精神 ， 
针对 版 式 设计 课程 教学 的 特殊 要 求 和 就 业 应 用 能 力 培养 目标 , 既 注 重 系统 
理论 知识 的 讲解 ,又 突出 综合 技能 的 培养 ,力求 做 到 “ 课 上 讲 练 结合 , 重 在 
方法 的 掌握 ; 课 下 会 用 ,能 够 具体 应 用 于 广告 艺术 设计 制作 实际 工作 之 中 ”。 

本 书 共 十 章 , 以 学 习 者 应 用 能 力 培 养 为 主线 ,以 培养 具备 创新 能 力 的 广 
告 平面 设计 技能 人 才 为 目标 ,根据 平面 设计 应 用 发 展 的 新 特点 ,结合 版 式 设 
计 操 作 规 程 系统 介绍 : 版 式 设 计 功 能 、 原则、 历史 经 验 借鉴 、 视 觉 流程 .色彩 
选择 文字 编排 ,形式 法 则 、 基 本 步骤 等 基本 知识 技能 ,并 注重 通过 强化 设计 
实 训 ,提高 应 用 能 力 培养 。 

本 书 融 入 了 版 式 设计 最 新 的 实践 教学 理念 ,力求 严谨 ,注重 与 时 俱 进 ， 
具有 知识 系统 、 内 容 丰 富 、 结 构 合理 、 流 程 清晰 、 案 例 经 典 、 通 俗 易 懂 、 突 出 实 
用 性 的 特点 , 既 适 用 于 高 等 院 校本 科 及 高 职高 专 院 校 艺术 设计 专业 的 教学 ， 
也 可 以 作为 文化 创意 企业 和 广告 艺术 设计 公司 从 业者 的 职业 教育 与 岗位 培 
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训 教材 ,对 于 广大 艺术 设计 、 美 本 自学 者 也 是 一 本 必 备 的 版 式 设 计 基 础 训练 指导 手册 。 

本 书 由 李 大 军 统筹 策划 ,并 具体 组 织 , 王 严 和 王 梦 荡 担 任 主编 , 王 爽 统 改 稿 , 李 建 条 、 张 
字 担 任 副 主 编 ; 由 孟 祥 玲 教授 审 订 。 编 写 分 工 如 下 : 御 惟 仲 编写 序言 , 王 爽 编写 第 一 章 、 
第 二 章 和 第 三 章 , 张 宇 编写 第 四 章 , 富 尔 雅 编写 第 五 章 , 王 梦 莎 编写 第 六 章 和 第 七 章 , 李 建 
条 编写 第 八 章 和 第 九 章 , 王 梦 莎 、 张 春玲 编写 第 十 章 , 杨 饥 智 编写 附录 ; 李 晓 新 负责 文字 修 
改 、 版 式 整 理 与 制作 教学 课件 。 

在 本 书 再 版 过 程 中 ,我 们 参阅 了 国内 外 有 关 版 式 设 计 的 最 新 书刊 和 网 站 资料 ,收录 了 
具有 典型 意义 的 中 外 优秀 作品 ,并 得 到 业界 有 关 专 家 的 具体 指导 ,在 此 一 并 致谢 。 为 配合 
教学 ,本 书 配 有 电子 课件 ,读者 可 以 从 清华 大 学 出 版 社 网 站 ( www.tup.com.cn ) 免费 下 载 。 
因 设 计 产 业 发 展 快 , 书 中 难免 存在 疏漏 与 不 足 ,恳请 同行 和 读者 批评 、 指 正 。 
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广告 平面 设计 制作 业 作 为 国家 文化 创意 产业 的 核心 支柱 产业 ,在 加 强 
国际 商务 交往 \、 促 进 影 视 传媒 会 展 发 展 、 丰 富 社 会 生活 、 拉 动 内 需 、 解 决 就 
业 、 推 动 经 济 发 展 等 方面 发 挥 着 越 来 越 大 的 作用 ,已 经 成 为 我 国文 化 创意 经 
济 发 展 的 重要 产业 ,在 我 国产 业 转 型 经 济 发 展 中 占有 极其 重要 的 位 置 。 广 
告 设 计 制 作 产业 以 其 强劲 的 上 升 势头 已 成 为 全 球 经 济 发 展 中 最 具 活 力 的 绿 
色 朝 阳 产 业 。 

随 着 全 球 经 济 的 快速 发 展 , 面 对 国际 广告 和 设计 业 的 激烈 市 场 竞争 ,加 
强 广告 经 营 管理 模式 的 创新 、 加 速 版 式 设计 专业 技能 人 才 培 养 已 成 为 当前 
刘 待 解决 的 问题 。 为 了 满足 日 益 增 长 的 广告 市 场 需求 ,培养 社会 急需 的 广 
告 版 式 设计 技能 型 应 用 人 才 , 我 们 组 织 多 年 从 事 广告 版 式 设计 教学 和 创作 
实践 活动 的 专家 、 教 授 共同 精心 编撰 了 此 教材 , 旨 在 迅速 提高 大 学 生 及 广告 
设计 从 业者 的 专业 素质 ,更 好 地 服务 于 我 国 广告 事业 。 

保障 我 国文 化 创意 产业 经 济 活动 和 国际 广告 设计 制作 业 的 顺利 运转 ， 
加 强 现代 广告 设计 从 业者 的 专业 综合 素质 培养 ,增强 企业 核心 竞争 力 ,加 速 
推进 设计 制作 产业 化 进程 ,提高 我 国 广 告 版 式 设计 制作 水 平 ,更 好 地 为 我 国 
文化 创意 产业 服务 ,这 既是 广告 设计 企业 可 持续 快速 发 展 的 战略 选择 ,也 是 
本 书 出 版 的 真正 目的 和 意义 所 在 。 

版 式 设 计 是 高 等 艺术 院 校 非常 重要 的 专业 基础 课程 ,也 是 广告 设计 人 
员 创 作 的 重要 理论 支撑 。 本 书 共 10 章 , 以 学 习 者 应 用 能 力 培 养 为 主线 , 坚 
持 以 科学 发 展 观 为 统领 ,以 培养 具备 创新 能 力 的 广告 平面 设计 技能 人 才 为 
目标 ,根据 国际 、 国 内 版 式 设计 发 展 的 新 趋势 和 新 特点 ,结合 版 式 设计 操作 
规程 系统 介绍 了 版 式 设计 的 概念 功能、 原则 、 发 展 特点 .视觉 流程 .版 面色 
彩 、 图 形 图 像 、 文 字 文体 .视觉 空间 营造 、 形 式 法 则 、 基 本 步骤 等 知识 和 技能 ， 
并 注重 通过 强化 训练 提高 应 用 能 力 。 

本 书 作为 高 等 教育 广告 艺术 设计 制作 专业 的 特色 教材 ,严格 按照 教育 
部 关于 “加 强 职业 教育 突出 实践 能 力 培养 ” 的 教学 改革 精神 ,针对 版 式 设 
计 课 程 教学 的 特殊 要 求 和 就 业 应 用 能 力 培养 目标 , 既 注 重 系统 理论 知识 讲 


解 ,又 突出 创新 创意 训练 ,力求 做 到 “ 课 上 讲 练 结合 , 重 在 方法 的 掌握 ; 课 下 会 用 ,能 够 将 
知识 具体 应 用 于 广告 版 式 设计 实际 工作 之 中 ”, 这 对 于 学 生 毕 业 后 顺利 走 上 社会 就 业 具 有 
特殊 意义 。 
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EER 


一 版 式 设计 遍及 人 们 生活 的 每 一 个 角落 ,不 管 我 们 愿意 不 愿意 ,这 门 
学 科 都 在 为 人 们 生活 的 便利 提供 服务 。 从 专业 角度 而 言 ,版式 设计 是 
通 往 更 加 深入 的 专业 学 习 的 必 经 道路 之 一 ,通过 这 条 途径 之 后 ,我 们 会 
发 现 , 由 版 式 设计 所 带 来 的 设计 世界 是 如 此 的 绚烂 多 彩 , 可 以 说 ,版 式 
设计 是 现代 设计 的 重要 组 成 部 分 ,是 视觉 传达 的 重要 手段 ,也 是 平面 设 
计 中 的 重要 环节 。 


第 一 节 ”版 式 设计 的 概念 


一 、 什 么 是 版 式 设计 

在 进行 版 式 设 计 之 前 ,通常 需要 收集 大 量 素材 。 如 何 对 这 些 素材 进行 有 效 
筛选 和 运用 , 并 在 有 限 空间 中 进行 有 目的 且 美 观 的 编排 组 合 , 这 就 是 版 式 设 计 
的 前 期 工作 。 

要 知道 什么 是 版 式 设计 ,需要 先 了 解 “ 版 面 ”的 概念 。 从 狭义 上 而 言 ,版 面 
通常 指 书籍 、 杂 志 、 报 纸 等 的 整个 页 面 ,如 图 1-1 所 示 的 商业 书籍 册页 ,由 此 而 
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言 ,版 式 则 是 指 书 籍 、 杂 志 、 报 纸 等 的 版 面 格 式 ， 从 广义 而 言 ,版 面 则 指 所 有 需要 设计 的 
空间 ,例如 中 央 美 术 学 院 设计 学 院 毕 业 展 览 的 前 言 设计 在 美 院 大 楼 本 身 的 灰色 砖 墙 上 ， 
如 图 1-2 所 示 。 


图 1-1 澳大利亚 RE Sydney 的 书籍 册页 图 1-2 ”中 央 美 术 学 院 设计 学 院 毕 业 展 览 的 前 言 设计 
(来 源 : 亚洲 Cl 论坛 ，http://bbs.asiaci.com) 


版 式 设计 也 可 以 称 为 编排 设计 , 它 需 要 对 版 面 中 所 需要 的 各 种 构成 元 素 一 一 文字 、 图 
形 、 图 像 等 在 形式 上 进行 有 机 的 排列 组 合 ,达到 信息 传递 的 基本 目的 ,并 在 信息 传递 的 过 程 
中 形成 直观 动人 、 主 次 分 明 、 可 读 性 强 的 优美 阅读 空间 ,促成 阅读 者 美好 的 视觉 与 心理 体 
验 。 优 秀 的 版 式 设 计 甚 至 能 在 版 面 中 展示 出 自己 新 颖 的 创意 和 独特 的 个 性 ,强化 表现 形式 
与 主诉 内 容 之 间 的 互动 关系 ,并 传达 出 设计 者 的 艺术 追求 与 文化 理念 ,形成 一 种 具有 个 人 
风格 和 艺术 特色 的 艺术 表达 方式 。 


二 、 版 式 设 计 的 范畴 

版 面 构成 伴随 着 时 代 的 进步 现代 科学 技术 与 经 济 的 飞速 发 展 而 兴起 并 不 断 发 展 , 它 
与 人 们 的 生活 变化 密切 相关 ,展现 了 时 代 精 神 面貌 .审美 风向 ,文化 传统 的 变迁 。 版 式 设计 
的 范畴 很 广 , 主 要 分 布 在 两 大 领域 一 一 传统 纸 媒 领域 与 现代 虚拟 页 面 领 域 及 相关 电子 视频 
领域 。 

传统 纸 媒 领域 的 版 式 设计 表现 在 以 下 方面 。 

(1) 出 版 物 版 面 设计 : 如 报纸 版 面 、 杂 志 版 面 .书籍 版 面 ,如 图 1-3 所 示 。 

(2) 广告 版 面 设计 : 如 报纸 广告 .杂志 广告 .灯箱 广告 .路 牌 广告 等 ,如 图 1-4 所 示 。 

(3) 促销 道具 设计 : 如 包装 、POP 广告 .产品 目录 等 ,如 图 1-5 和 图 1-6 所 示 。 

(4) 产品 形象 应 用 识别 设计 : 如 名 片 .年 报 、 画 册 等 如 图 1-7 和 图 1-8 所 示 。 

现代 虚拟 页 面 领域 及 相关 电子 视频 领域 则 包括 网 站 页 面 . 手 机 交互 页 面 . 电 视 电 影 交 
互 页 面 等 ,如 图 1-9 和 图 1-10 所 示 。 以 上 这 两 大 类 领域 为 人 们 表现 思想 和 观念 提供 了 无 
比 广阔 的 空间 。 
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图 1-4 路牌 广告 中 的 版 式 设计 
(来 源 : 亚洲 Cl 论坛 ，http://bbs.asiaci.com) 


图 1-3 ”报纸 版 式 设计 
(来 源 : 花瓣 网 ，http:/huaban.com) 
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图 1-6 ”澳大利亚 五 金工 具 包 装 中 的 版 式 设计 
(来 源 : 堆 糖 ，https://www.duitang.com) 


图 1-5 ” 酷 乐 仕 维他命 包装 中 的 版 式 设计 
(来 源 : 堆 糖 ，https://www.duitang.com) 


图 1-7 ”名片 版 式 设 计 
(来 源 ，DOOOOR 设 计 网 ，http://www.doooor.com) 


图 1-8 ” 唐 墨 广告 三 折 页 版 式 设计 
(来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) 
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全 BEANPOLE 图 
Ce 


图 1-9 电子 产品 界面 设计 图 1-10 ”Beanpole 户 外 用 品 服装 服饰 网 页 设计 
(来 源 : 百度 图 片 ，http://image.baidu.com) (来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) 


三 、 版 式 设计 涉及 的 行业 
版 式 设计 涉及 的 行业 与 工作 岗位 众多 , 主要 


。 广告 设计 《设计 师 ) 
一 A jewseRiir ( 认 计 1) 
分 类 如 图 1-11 所 示 。 名 片 设计 《设计 师 ) 


。 版面 编辑 (美术 编辑 ) 
。 插 画 设计 《插画 师 ) 
四 、 版 式 的 视觉 设计 要 素 。 书 条 北村 设计 《美术 编辑 ) 
企业 文化 宣传 册 设 计 〔 设 计 师 》 


为 了 传递 信息 ,版 式 设计 需要 通过 一 些 构成 。 产 品 包装 设计 《设计 师 ) 
新 产品 上 市 推广 (设计 师 ) 

要 素来 进行 表达 ,其 最 基本 的 3 个 设计 要 素 分 别 一 一 -一 一 
为 文字 、 图 形 图 像 .色彩 。 人 

版 面 中 的 主题 和 内 容 主要 通过 文字 传达 , 例 
如 标题 .正文 . 题 注 等 ,如 图 1-12 所 示 ; 而 图 形 图 1-11 版 式 设计 涉及 的 行业 与 工作 岗位 
图 像 则 给 版 面 创造 最 为 突出 的 视觉 冲击 力 , 它 能 。“ 浑 : DO90CR 设 计 网 " 见 /wwwdoooorcom) 
在 第 一 时 间 捕 获 阅读 者 的 视线 ,并 在 版 面 中 对 文字 起 到 辅助 的 作用 ,帮助 阅读 者 理解 版 面 
信息 ,使 版 面 变 得 更 加 真实 和 立体 。 版 面 设计 中 的 图 像 如 图 1-13 所 示 。 

色彩 在 版 面 设计 中 起 到 葛 定 基调 的 作用 , 它 确立 版 面 氛围 ,对 人 们 的 心理 影响 更 加 直 
接 ,更 加 感性 。 在 现代 商业 设计 中 ,色彩 的 使 用 已 经 成 为 一 种 策略 和 一 门 系统 的 科学 。 版 
面 设计 中 的 色彩 如 图 1-14 所 示 。 


版 式 设计 的 最 初 目 的 在 于 为 信息 发 布 者 传递 信息 ,使 版 面具 有 清晰 的 条 理性 ,信息 3 
题 得 以 突出 ,达到 最 佳 的 传递 效果 。 


但 是 ,版 式 设计 并 不 是 一 成 不 变 的 文字 和 图 形 的 排列 与 组 合 , 它 并 非 纯 粹 的 技术 编排 


(来 源 : 站 酷 ，http:/www.zcool.com.cn) 


(来 源 : 站 酷 ，http://www.zcool.com.cn) (来 源 : 站 酷 ，http:/www.zcool.com.cn) 


计 


作 ， 


没有 固定 的 程式 , 它 在 作为 信息 传递 媒介 的 同时 也 需要 让 读者 在 版 面 的 阅读 与 欣 


赏 过 程 中 产生 共鸣 与 认同 ,用 设计 师 本 身 的 设计 涵养 与 水 准 打 动 读者 ,使 其 形成 精神 上 的 
愉悦 , 满足 其 更 高 层次 的 审美 需求 ,从 而 进一步 使 信息 在 读者 头脑 中 得 到 强化 ,产生 更 为 恒 


久 的 印象 。 
值得 一 提 的 是 ,现代 社会 中 的 信息 爆炸 、 人 们 生活 节奏 的 加 快 以 及 新 的 视觉 习惯 的 形 


成 与 改变 ,要 求 设计 师 们 在 实际 的 工作 过 程 中 切实 考虑 信息 传递 情况 ,改变 以 往 的 设计 思 


网 版 式 设计 的 基本 目的 。 


第 二 节 ”版 式 设计 的 功能 


一 、 引 起 读者 注意 


作为 信息 发 布 和 传递 的 手段 ,版 式 设计 首先 应 该 具备 的 一 个 功能 就 是 要 有 效 地 提高 版 
面 注意 值 ,引起 读者 的 注意 。 信 息 社 会 中 各 种 信息 呈 爆 炸 之 势 ,要 在 各 种 信息 中 抢 得 先 机 
赢得 读者 青睐 ,就 需要 在 版 式 上 做 足 功 夫 , 也许 是 通过 生动 的 图 片 ( 见 图 1-15) ,也 许 是 通 
过 鲜艳 的 色彩 ,也 许 是 通过 独具匠心 的 画面 编排 形式 ( 见 图 1-16) ,只 要 能 引起 读者 注意 ， 
就 是 迈 向 信息 传递 成 功 的 第 一 步 。 


图 1-15 ”农夫 山泉 包装 版 式 中 生动 的 图 图 1-16 ”报纸 版 面 中 独特 的 编排 


(来 源 :，DOOOOR 设 计 网 ，http://www.doooor.com) (来 源 : 红 动 中 国 网 ，http://bbs.redocn.com/imagedetail. 
php?aid=1071362#picture) 


二 、 有 利于 信息 的 有 效 传达 


人 们 常常 看 见 一 些 印 刷 品 乍 看 似乎 光鲜 亮丽 , 当 深 入 阅读 时 却 感觉 阅读 困难 ,例如 图 
片 与 文字 匹配 不 当 , 或 者 字体 的 选择 不 得 体 ,或 者 版 面 主要 信息 与 次 要 信息 关系 紊乱 ,或 者 
文字 的 行距 过 于 密集 等 ,这 些 问题 都 会 使 读者 失去 进一步 了 解 信息 的 兴趣 ,导致 信息 传递 中 
断 。 因 此 ,设计 者 不 能 被 花 里 胡 哨 的 东西 所 迷惑 ,不 能 仅 追 求 表面 的 视觉 冲击 力 ,还 应 该 注 
意 信 息 传递 的 内 在 章法 和 技巧 ,认真 推 诈 有 效 传达 各 种 信息 的 方法 。 图 1-17 所 示 是 一 本 商 
业 画 册 的 版 式 设计 ,其 封面 与 内 页 之 间 具 有 一 定 的 逻辑 关系 ,信息 的 传递 也 明确 有 效 。 


图 1-17 ”商业 画册 的 版 式 设计 
(来 源 : 红 动 中 国 网 ，http://bbs.redocn.com/imagedetail.php?aid=1481549#picture) 


三 、 强 化 传达 效果 的 持久 留存 

信息 得 到 传递 之 后 ,信息 传递 的 工作 并 没有 完成 。 对 信息 设计 者 而 言 ,更 高 的 要 求 是 
让 传递 出 去 的 信息 能 在 读者 的 脑海 里 经 久 练 绕 ,产生 持久 留存 的 效果 。 这 就 要 求 设计 师 针 
对 目标 观众 的 品位 需求 ,了 解 内 容 , 提 出 概念 , 弄 清 楚 观众 的 接受 方式 ,并 提高 自己 的 设计 
水 准 与 修养 ,使 作品 形成 美感 ,引发 观 者 共鸣 。 

例如 ,图 1-18 所 示 的 宣传 海报 中 的 图 形 轻 快活 跃 ,产生 光 感 十 足 的 视觉 效果 ,往往 能 
吸引 观 者 的 视线 ; 图 1-19 所 示 宣 传 折 页 特别 的 折 双 方式 能 令 观 者 产生 深刻 的 印象 。 


“| 决 人 时 
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图 1-18 ”宣传 海报 中 的 图 形 产生 活跃 的 气氛 图 1-19 ”宣传 折 页 中 别致 的 折 又 效果 
(来 源 : AD518, http://www.ad518.com) (来 源 : 版 式 设 计 很 简单 ， 微 信号 : typography_design) 
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第 三 节 ”版 式 设计 的 原则 


被 观 者 一 眼看 中 并 念念不忘 的 版 式 设计 一 定 是 好 的 设计 ,这 些 设计 通常 具有 以 下 特点 。 


一 、 主 题 鲜 明 突 出 


主题 是 版 面 要 传递 的 主要 信息 ,在 视觉 上 要 能 够 形成 重点 ,甚至 是 焦点 , 它 需要 具备 清 
晰 的 条 理性 .最 佳 的 形式 感 和 最 佳 的 诉求 效果 。 人 的 视线 接触 版 面 时 ,常常 是 迅速 从 左上 
角 移 动 到 左下 角 , 再 通过 版 面 中 心 部 分 移动 到 右上 角 、 右 下 角 , 最 后 回 到 画面 中 心 略 偏 上 的 
位 置 。 

一 般 而 言 , 在 版 式 设计 中 ,需要 传达 的 主 信息 要 与 画面 视觉 中 心 的 位 置 相 契合 ,如 美国 
设计 师 Tsongtze 为 《 狼 图 腾 》 设 计 的 封面 ,如 图 1-20 所 示 。 在 一 些 后 现代 的 版 式 设计 中 ， 
也 有 主 信息 故意 偏离 画面 视觉 中 心 的 情况 ,但 在 这 种 情况 下 往往 采取 打破 整体 感 的 方式 ， 
以 非常 规 的 排列 方式 来 引起 读者 的 关注 ,从 而 也 形成 另 一 种 意义 上 的 “焦点 ”, 使 主题 得 以 
突出 ,例如 Hesign 设计 机 构 的 封面 设计 作品 ,如 图 1-21 所 示 。 


图 1-20 ”美国 设计 师 Tsongtze 的 书籍 封面 设计 图 1-21 Hesign 设 计 机 构 的 封面 设计 
(来 源 : 叶 信 设 计 门 户 站 ，http://www.iebyte.com/ (来 源 : 叶 信 设 计 门 户 站 ，http://www.iebyte. 
view- 8550.html) com/view-8697.html) 


二 、 形 式 与 内 容 统一 

康定 斯 基 在 《 论 艺 术 的 精神 》 中 写 道 : "形式 是 内 容 的 外 部 表现 。” 这 句 话 意味 着 形 
式 不 能 脱离 内 容 而 存在 。 虽 然 康 定 斯 基 此 言 并 非 针对 版 式 设计 而 言 , 但 它 仍然 适用 于 此 领 
域 。 视 觉 设 计 作品 中 的 “内 容 ” 是 指 要 表现 的 主题 与 信息 ,而 “形式 ” 则 是 指 视觉 表现 ， 


在 版 式 设计 中 ,形式 表现 为 文字 的 排列 色彩 的 配置 .图 形 图 像 的 选用 等 。 设 计 中 形式 的 表 
现 需 要 服从 主题 内 容 的 表达 ,应 当 是 有 意味 的 形式 ,不 能 脱离 内 容 而 存在 ,否则 会 陷入 无 目 
的 的 空洞 的 形式 游戏 之 中 。 

主题 内 容 的 表达 也 需要 借助 形式 来 阐释 和 表现 ,缺乏 艺术 表达 的 内 容 会 显得 单调 和 刻 
板 。 只 有 形式 与 内 容 有 机 地 结合 在 一 起 ,信息 的 传递 才 会 更 加 顺畅 。 如 图 1-22 所 示 , 原 研 
截 为 无 印 良品 Muji 所 设计 的 宣传 广告 ,形式 简洁 ,质朴 雅致 ,与 无 印 良品 品牌 本 身 不 强调 
所 谓 的 流行 感 或 个 性 ,提倡 简约 .自然 .富有 质感 的 Muji 式 现代 生活 哲学 相 契 合 。 


图 1-22 原 研 哉 为 Muji 设 计 的 宣传 广告 
(来 源 : 牛 设 网 ，http://www.wokende.com/work-32976-8.html) 


三 、 版 面 强调 整体 感 


版 面 强 调整 体感 ,就 是 通过 某 种 统一 的 手法 ,例如 采用 统一 的 色彩 ,或 统一 的 图 文 构成 
形式 等 ,使 版 面 形成 一 个 有 机 的 整体 。 在 版 面 中 允许 有 局 部 的 节奏 变化 ,但 是 局 部 变化 需 
要 在 整体 的 基调 下 进行 。 

强调 整体 感 通常 有 以 下 一 些 方法 。 

(1) 明确 版 面 中 的 视觉 结构 方向 ,例如 垂直 方向 水 平方 向 .倾斜 方向 等 。 

(2) 图 文 的 编排 过 程 中 注重 条 理性 和 内 在 逻辑 性 ,适当 的 时 候 可 以 引入 网 格 进行 设计 。 

(3) 在 设计 中 要 整体 考虑 ,封面 .内 页 、 折 页 要 秉承 统一 风格 。 NN 

在 版 式 设计 中 ,整体 关系 的 重要 性 要 远 远 大 于 局 部 关系 ,只 有 版 面 中 的 各 种 视觉 要 素 
之 间 形 成 适当 的 联系 ,版 面 中 才 会 形成 所 谓 的 整体 感 。 在 图 1-23 中 ,版 面 的 色彩 、 图 形 等 
要 素 之 间 就 具备 良好 的 整体 关系 。 全 生计 化 请 咖 各 种 入 让 可 过 在 训 向 中 的 所 多 中 区 
上 的 关联 性 ,版 面 才 会 具有 秩序 美 与 条 理 美 。 
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图 1-23 ”整体 视觉 良好 的 版 面 
(来 源 : 版 式 设 计 很 简单 ， 微 信号 : typography_design) 


四 、 技 术 与 艺术 的 统一 


技术 的 发 展 在 版 式 设计 的 历史 中 起 到 了 举足轻重 的 作用 ,曾经 多 次 对 版 式 设计 的 发 展 
产生 转折 性 的 改变 。 从 一 开始 的 手工 绘制 .中 国 唐 代 的 雕版 印刷 等 手法 开始 ,到 后 来 14 世 
纪 欧 洲 的 约翰 内 斯 古 登 堡 的 金属 活字 印刷 拼合 木刻 插画 印刷 出 版 书籍 ,从 19 世纪 的 新 
艺术 运动 中 诸多 艺术 家 的 手绘 海报 ,到 如 今 的 融合 计算 机 技术 与 综合 手法 设计 出 来 的 海 
报 ,技术 的 发 展 给 版 式 设计 注入 了 新 鲜 的 血液 ,使 之 萌发 出 新 生 的 绿 芽 并 项 鞠 生 长 。 

在 当今 , 随 着 照相 排版 机 、 计 算 机 设备 的 广泛 应 用 ,版 式 设计 成 为 极 富 创造 力 的 领域 。 
在 计算 机 中 ,设计 师 可 以 用 图 文 编排 软件 自由 地 选择 字体 ,并 根据 需要 对 文字 编排 做 任意 
改变 : 放大 ,缩小 .加 宽 、 变 窄 ,倾斜 .扭曲 、 变 形 、 密 集 , 稀 下 , 这 些 都 可 以 成 为 设计 师 们 信 手 
持 来 的 手法 ; 照相 术 的 发 展 和 众多 图 形 图 像 处 理 软件 的 开发 ,使 得 设计 师 可 以 随心 拍摄 任 
何 自己 需要 的 素材 ,并 借用 软件 处 理 成 奇幻 斑 调 玄妙 无 比 的 设计 作品 ; 印刷 工艺 的 进步 
与 印刷 材料 媒介 的 发 展 ,使 得 设计 师 在 印 前 、 印 中 和 印 后 可 以 对 版 面 材质 与 效果 进行 操控 ， 
实现 更 为 自我 与 独创 的 效果 。 例 如 ,图 1-24 所 示 为 书籍 封面 的 皮革 刻印 效果 ; 图 1-25 所 
示 为 书籍 封面 对 毛 秸 材料 和 缝 幻 技术 的 运用 ; 图 1-26 所 示 为 封面 采用 特殊 材料 呈现 出 文 
字 的 变换 效果 。 


图 1-24 ”书籍 封面 的 皮革 刻印 效果 图 1-25 ”书籍 封面 的 毛 千 材料 与 缝 幼 技 术 
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图 1-26 ”书籍 封面 的 文字 变换 效果 
(来 源 : 叶 信 设计 门户 站 ，http://www.iebyte.com/view-8473.html) 


版 式 设计 中 的 技术 不 仅仅 是 指 硬件 上 的 技术 ,还 指 对 阅读 过 程 中 视觉 规律 的 科学 性 研 
究 。 比 如 研究 读者 阅读 时 视线 流动 的 客观 规律 ,可 以 使 设计 师 思考 版 面 中 的 统筹 布局 ; 研 
究 读 者 的 年 龄 阶段 ,可 以 使 设计 师 思考 版 面 中 文字 的 字体 、 字 距 ,行距 的 确定 。 

硬件 技术 的 发 展 带 给 设计 师 很 多 的 制作 便利 ,对 视觉 技术 的 研究 也 使 设计 向 着 科学 的 
方向 靠拢 ,但 仅仅 只 有 这 两 项 技术 的 版 式 设计 还 远 远 不 够 。 没 有 结合 艺术 的 版 式 设计 不 是 
成 功 的 版 式 设计 。 这 里 的 艺术 , 既 指 艺术 的 形式 ,也 指 艺 术 的 内 容 。 对 于 艺术 的 形式 ,设计 
师 可 以 从 包 豪 斯 ,荷兰 风格 派 . 俄 国 构成 主义 、 立 体 派 等 艺术 流派 中 吸取 他 们 的 精华 ,将 这 
些 艺术 的 形式 运用 到 版 式 设计 之 中 。 

艺术 的 内 容 则 是 指 版 式 中 所 包含 的 极为 丰富 的 文化 内 涵 。 在 日 本 设计 大 师 杉 浦 康平 
设计 的 《造型 的 诞生 》 封 面 中 ,选择 了 佛光 .日 .月 .天 、 祥 云 . 山 脉 这 些 图 像 元 素 ,营造 出 一 
种 深 选 神秘 的 悠远 意境 ,如 图 1-27 所 示 。 设 计 者 将 视觉 元 素 转化 为 与 读者 共有 的 情感 体 
验 , 从 而 打动 了 读者 ,使 其 产生 阅读 的 欲望 。 这 就 是 版 式 设 计 中 艺术 的 无 形 力量 ,是 版 式 设 
计 中 艺术 意味 所 酿造 的 艺术 情感 触动 了 人 们 的 心灵 。 

杉 浦 康平 的 另 一 本 书 《亚洲 的 书籍 .文字 与 设计 》 的 封面 在 光影 虚空 的 变换 中 , 呈现 
出 不 同 民族 的 文字 、 符 号 ,也 带 给 人 一 种 无 以 言 表 的 美感 ,如 图 1-28 所 示 。 


NN 


图 1-27 《造型 的 诞生 》 封 面 版 式 设 计 图 1-28 《亚洲 的 书籍 、 文 字 与 设计 》 


(来 源 : 新 浪 博 客 ，http://blog.sina.com.cn/s/blog_3efa 封面 版 式 设计 


2b340100nlot.html) (来 源 : 网 易 博客 ，http://hellomonkeyisme. 
blog. 163.com/blog/#m=0) 
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第 四 节 ”版 式 设计 的 基本 步骤 


影响 版 式 设计 的 因素 很 多 ,归纳 起 来 可 以 分 为 两 个 方面 : 样式 的 选择 与 版 面 的 确立 。 

样式 即 为 文字 、 图 片 的 外 观 , 它 涉及 版 式 的 视觉 度 、 图 版 率 .文字 跳跃 率 、 图 片 跳跃 率 、 
版 面 空白 率 ,文字 排列 类 型 等 。 当 确定 好 适当 的 样式 后 , 接 下 来 就 需要 排列 和 调整 这 些 样 
式 的 位 置 关 系 。 样 式 按 什么 样 的 关系 排列 ,我 们 称 之 为 确立 版 面 , 包 括 在 版 面 中 如 何 区 分 
主 副题 ,如 何 使 相关 内 容 群 化 组 合 ,如 何 确立 版 面 整体 视觉 流向 ,如 何 控 制版 心 与 页 边 ,如 
何 形成 版 面 节 奏 感 。 

样式 的 选择 与 版 面 的 确立 需要 综合 在 一 起 考虑 ,需要 从 宏观 上 观察 和 思考 ,在 把 握 宏 
观 的 基础 上 再 去 考虑 一 些微 观 细致 的 东西 。 例 如 同 是 润 肤 水 广告 , 卡 尼 尔 和 资生堂 的 红色 
蜜 露 在 版 式 上 就 大 相 径 庭 。 设 计 师 首先 需要 考虑 版 式 设计 要 达到 什么 样 的 效果 。 

ee dst a pe et st tn 
字体 选择 上 可 以 活泼 一 些 , 出 现 变 体 ,并 呈现 一 定 的 跳跃 度 ,画面 整体 视觉 度 可 以 非常 的 饮 
epson 1-29 所 示 。 而 资生堂 红色 蜜 露 是 一 款 具有 悠久 历史 的 润 肤 水 , 品 
质 高 ,价格 昂贵 ,在 版 式 设计 中 需要 凸显 其 “百年 经 典 ” 的 地 位 ,因此 画面 简洁 干净 , 呈 中 
心 对 称 , 有 一 定 的 空白 率 ; 在 文字 上 选用 古典 严谨 的 宋体 字 , 追 求 经 典 感 ,在 色彩 的 选择 上 
则 用 了 比较 高 贵 的 红色 ,有 渐变 色 ,非常 有 层次 感 ,如 图 1-30 所 示 。 总 之 ,在 明确 产品 定位 
和 传达 对 象 后 ,要 形成 相应 的 思考 定位 。 
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图 1-29 ” 卡 尼 尔 润 肤 水 广告 图 1-30 ”资生堂 红色 蜜 露 广告 
(来 源 : 聚 美 优 品 网 ，http://bj.jumei.com/i/ (来 源 : 资生堂 官网 ，http://www.shiseidochina.com) 
deal/bj120424p1704.html) 


二 、 版 式 设计 的 步骤 
( 一 ) 明确 主题 需要 传达 的 信息 


接 到 设计 任务 ,首先 需要 明确 是 什么 类 型 的 版 式 设 计 , 是 书籍 . 折 页 .广告 还 是 网 页 ? 
这 项 任务 需要 传递 出 什么 样 的 信息 ?主题 和 副题 分 别 是 什么 ? 信息 的 目标 受众 是 哪 类 


人 群 ? 

( 二 ) 收集 文字 、 图 形 图 像素 材 

根据 主题 信息 尽 可 能 多 地 收集 图 形 图 像素 材 、 文 字 素材 ,为 勾画 小 草稿 做 准备 。 

( 三 ) 给 制 草稿 ,确定 整体 布局 和 风格 

勾画 小 草稿 的 过 程 ,实际 是 设计 者 思索 的 过 程 ,在 这 个 过 程 中 ,可 以 采用 “头脑 风暴 ” 
法 ,在 不 假 思索 的 状态 下 “疯狂 ”勾画 若干 不 同样 式 的 设计 稿 ,让 思维 尽 可 能 自由 地 发 挥 ， 
如 图 1-31 所 示 。 随 后 ,在 这 些 濠 草 凌乱 的 小 草稿 中 ,甄选 出 一 些 比较 好 的 方案 进行 下 一 步 
深化 。 


图 1-31 小 草稿 描绘 阶段 


(四 ) 设计 正 稿 ,并 不 断 调 整 和 完善 

通过 计算 机 进入 正 稿 设计 阶段 ,认真 地 进行 图 片 .文字 、 色 彩 的 排列 与 配置 ,注意 尺寸 
的 设 定 要 精确 ,做 好 出 血 设置 ,在 字体 大 小 的 选择 上 需要 考虑 计算 机 的 显示 效果 与 实际 大 
小 之 间 的 差异 性 ,图 片 的 格式 一 般 选 用 CMYK 的 TIFF 格式 。 

(五 ) 杂 桩 、 勤 误 、 信 正 

由 计算 机 稿 打印 出 来 的 样张 通常 称 为 打样 。 打 样 和 最 终 的 成 品 应 该 完全 一 致 ,设计 师 
应 该 在 打样 上 细心 检查 勘误 ,检查 是 否 出 现 信息 遗漏 .文字 错误 等 问题 ,这 是 在 上 印刷 机 大 
量 印刷 之 前 的 重要 程序 ,发 现 问题 后 应 立即 弥补 不 足 并 修正 错误 ,以 避免 造成 经 济 损失 , 减 
少 设 计 遗 憾 。 


三 、 版 式 设计 的 常用 软件 \ 

可 以 用 于 版 式 设计 的 软件 很 多 ,最 为 常用 的 有 mmDesign、CorelDRAW 和 方正 飞腾 。 

(一 ) InDesign 

InDesign 软件 是 一 个 定位 于 专业 排版 领域 的 设计 软件 ,针对 艺术 排版 ,由 Adobe 公司 
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于 1999 年 9 月 1 日 发 布 。 它 可 以 实现 高 度 的 扩展 性 ,能 提供 图 像 设计 师 . 产 品 包 装 师 和 印 
前 专家 多 种 实用 的 功能 。InDesign 内 含 数 百 个 提升 到 一 个 新 层次 的 技术 ,涵盖 创意 、 精 度 、 
可 控制 性 等 当今 的 诸多 排版 软件 所 不 具备 的 特性 。 

此 外 ，InDesign 和 Photoshop 的 关系 非常 密切 。 在 接口 设计 上 InDesign 几乎 和 
Photoshop 完全 相同 ,原来 惯用 Photoshop 的 设计 师 只 要 经 过 简单 的 培训 ,了 解 当中 的 差异 
和 特性 ,就 可 以 轻易 上 和 手 进行 版 式 设计 。 

(二 ) CorelDRAW 


CorelDRAW 是 一 款 由 世界 顶尖 软件 公司 之 一 一 一 加 拿 大 Corel 公司 开发 的 图 形 图 像 
软件 , 它 广泛 地 应 用 于 标志 设计 .模型 绘制 ,插图 绘制 .排版 及 分 色 输 出 等 诸多 领域 。 相 对 
于 InDesign 而 言 ，CorelDRAW 拥有 功能 强大 的 矢量 绘画 工具 ,在 图 形 处 理 功 能 上 要 略 胜 
一 筹 。 

(三 ) 方正 长 腾 

方正 飞腾 是 由 北大 方正 集团 自主 开发 生产 的 著名 桌面 排版 软件 ,在 中 文 文字 处 理 上 
具有 其 他 软件 无 法 比拟 的 优势 ,同时 具有 处 理 图 形 、 图 像 的 强大 能 力 。 它 整合 了 全 新 的 
表格 、GBK 字库 、 排 版 格式 、 对 话 框 模板 ,插件 机 制 等 功能 ,能 保证 彩色 版 面 设计 的 高 品 
质 和 高 效率 。 

方正 飞腾 还 提供 了 丰富 的 画图 工具 ,包括 10 余 种 线 型 ,同时 圆 角 和 矩形 之 圆 角 弧度 可 任 
意 改变 ,还 提供 100 种 花边 、273 种 底 纹 和 10 余 种 颜色 渐变 方式 。 通 过 花边 、 底 纹 和 渐变 
功能 ,用 户 可 以 画 各 种 图 案 ,其 至 可 以 形成 立体 的 效果 。 这 些 强 大 功能 为 报纸 ,商业 杂志 
彩色 出 版 物 提供 了 很 多 便利 ,又 符合 中 国人 的 习惯 。 

方正 飞腾 易学 好 用 ,编排 效果 丰富 ,功能 强大 。 它 拥有 丰富 的 字体 、 漂 亮 的 彩色 大 样 、 
所 见 即 所 得 的 交互 界面 ,可 保证 印刷 效果 的 准确 性 ,从 而 降低 了 整个 出 版 过 程 的 成 本 。 方 
正 飞 腾 专 供 报社 .杂志 社 等 具有 连贯 性 .系统 性 的 大 型 服务 对 象 。 
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版 式 设计 的 发 展 有 着 自己 的 脉络 , 它 随 着 时 代 的 变迁 拥有 着 不 同 的 时 代 烙 印 ,在 当代 
设计 文化 出 现 全 球 化 趋同 化 倾向 的 背景 下 ,版式 设计 出 现 了 一 些 共同 的 发 展 特点 , 它 在 
要 表现 为 以 下 几 个 方面 。 


一 、 强 调 创意 


在 版 式 设计 中 ,创意 主要 从 形式 与 内 容 两 个 方面 表现 出 来 。 从 形式 上 而 言 ,通过 文字 
与 图 形 化 的 编排 所 制造 的 幽默 风趣、 神秘 等 独特 风格 ,或 者 新 的 印刷 技术 ,都 可 以 带 给 人 


新 颖 的 感觉 ,如 图 1-32 所 示 , 版 面 中 的 字体 犹如 立体 剪纸 一 样 ,洁白 的 颜色 与 深 炎 的 底 色 
互相 映衬 呈现 一 种 视觉 上 的 纯粹 与 高 贵 ; 从 内 容 上 而 言 ,对 主题 采取 象征 、 明 喻 .暗喻 等 方 
式 进行 思想 创意 ,会 让 人 发 出 会 心 的 一 笑 。 

最 为 成 功 的 当然 是 把 形式 与 内 容 结 合 在 一 起 ,并 表现 出 思维 的 光芒 ,这 样 呈 现 的 创意 
会 给 版 面 注入 更 深 的 内 涵 与 情趣 ,使 版 式 设计 进入 一 个 更 新 、 更 高 的 境界 ,产生 更 持久 的 生 
命 力 。 图 1-33 所 示 为 STIHL 斯 蒂 尔 电动 工具 版 式 设计 ,堆积 重生 的 文字 编排 与 吹风 机 的 


巧妙 结合 ,使 产品 特点 传递 精准 ,让 人 觉得 趣味 十 足 ,过 目 不 忘 。 


图 1-32 版 面 中 文字 的 创意 表现 图 1-33 ”STIHL 斯 蒂 尔 电动 工具 版 式 设计 
(来 源 : 零 二 七 艺术 网 ，http://www.027art. (来 源 : DOOOOR 设 计 网 ，http://Wwww.doooor. 
com/art/qt/287843_9.html) com) 


二 、 营 造 个 性 风格 


设计 师 的 最 高 追求 是 能 形成 独 具 特 色 的 个 人 风格 ,在 版 式 设计 中 , 他们 常常 追求 新 颖 
独特 的 个 性 表现 ,用 极 富 个 性 的 设计 理念 贯穿 于 自己 的 设计 作品 中 ,创造 具有 个 人 特色 的 
视觉 效果 和 个 人 风格 来 吸引 读者 ,引起 共鸣 。 追 求 个 性 ,摆脱 陈旧 与 平庸 是 当今 设计 界 在 
艺术 风格 上 的 流行 趋势 。 

图 1-34 所 示 为 波兰 设计 师 Elzieta Chojna 的 封面 设计 ,这 些 封面 色调 复古 ,采用 拼 贴 
形式 ,呈现 出 一 种 波 普 与 复古 的 意味 。 


三 、 计 算 机 特技 的 运用 

计算 机 在 设计 中 的 广泛 应 用 以 及 设计 软件 的 不 断 更 新 换代 ,给 版 式 设 计 带 来 了 实现 创意 

的 无 限 潜能 和 高 能 效 。 数 码 媒体 和 多 种 材料 组 合 的 世 新 手法 ,创造 出 斑 调 多 彩 的 设计 效果 。 

计算 机 软件 中 对 图 像 的 处 理 、 合 成 、 滤 镜 特殊 技巧 的 使 用 ,新 字体 不 断 地 被 开发 ,这 一 
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切 使 得 版 面 设计 不 再 是 一 个 单一 的 发 展 途径 ,而 是 形成 了 多 种 视觉 可 能 ,这 也 成 为 当今 版 
式 设计 的 又 一 发 展 趋势 ,如 图 1-35 所 示 。 
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图 1-34 波兰 设计 师 Elzieta Chojna 的 封面 设计 
(来 源 ， 叶 信 设 计 门 户 站 ，http://www.iebyte.com/view-8485.html) 


(来 源 : AD518，http://www.ad518.com) (来 源 : 视觉 同盟 ，http://www.visionunion.com) 


图 1-35 ”版式 设 计 中 运用 计算 机 处 理 出 的 特殊 画面 效果 


在 观察 到 版 式 设计 发 展 趋势 的 同时 ,出 于 对 人 类 设计 艺术 文化 价值 的 思考 , 我 们 需要 
认真 对 待 并 研究 东西 方 不 同 的 版 式 设 计 特 点 ,逐步 形成 自己 国家 和 民族 的 设计 风格 。 


ee 
实 袖 古 侦 待 得 《 蝶 恋 花 》 版 式 役 和 计 
设计 任务 及 要 求 如 下 。 


用 欧阳 修 的 词 《 蝶 恋 花 》 做 主题 ,在 A4 的 版 面 中 进行 版 式 设计 ,要 用 到 《 蝶 恋 花 》 
的 所 有 文字 ,文字 形式 、 图 形 图 像 不 限 ,形成 一 定 的 版 面 节 奏 感 和 意境 。 


红 恋 花 
庭院 深 深 深 几许 ? 杨柳 堆 洒 , 审 甘 无 重 数 。 玉 勒 周 闭 游 冶 处 ,楼 高 不 见 章 台 路 。 
两 横 风 狂 三 月 莫 , 门 掩 黄 梨 , 无 计 留 者 住 。 泪 眼 问 花花 不 语 , 乱 红 飞 过 私 十 去 。 


该 设计 实 训 的 榜样 作品 如 图 1-36 所 示 。 


(a) (设计 者 : 柳 娜 ) (b) (设计 者 : 赵 凯 ) 
图 1-36 古典 诗词 《 蝶 恋 花 》 版 式 设 计 作品 


个 全 
实 d 康 
下面 构成 的 版 式 设 计 
通过 所 学 的 平面 构成 知识 ,根据 画面 进行 拼 贴 ,将 其 中 的 某 些 元 素 用 图 片 或 文字 替代 ， 
也 可 以 得 到 不 错 的 版 式 效果 ,如 图 1-37 所 示 。 
sa 3 ss 


单纯 形态 的 构成 图 片 与 文字 形成 强 弱 不 同 的 明度 对 比 变换 了 图 片 和 色彩 ,版 面 更 活跃 


图 1-37 ”版 式 设计 
(设计 者 : 王 同 旭 ) 
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二 次 元 自由 式 分 割 构成 


骨骼 与 基本 形 的 构成 作业 


事先 考虑 好 图 片 与 线条 的 动 势 


这 种 切割 使 图 片 看 起 来 更 具象 征 意义 


图 1-37 ( 续 ) 


当 切 割 线 对 图 片 破坏 较 大 时 ,要 注意 
保留 重要 的 部 分 


图 与 地 的 属性 是 可 以 自由 转换 的 


对 历史 经 验 的 借 : 


A 

LE TE pa 
| (2) 了 解 当代 版 式 设计 的 现状 。 
(3) 了 解 版 式 设计 的 发 展 趋势 。 
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“版 式 设计 是 人 与 社会 的 意识 承载 体 , 它 与 一 个 时 代 的 政治 ,经 济 、 
文化 密切 相关 , 它 如实 并 确切 地 记录 着 一 个 时 期 的 文化 片段 和 观念 意 
识 。 通 过 一 个 个 或 简陋 或 精美 的 版 面 , 我 们 得 以 罕见 创作 者 与 读者 的 
思想 以 及 时 代 的 风貌 。 

版 式 设计 的 发 展 是 一 个 漫长 的 过 程 。 早 期 人 类 沟通 与 传播 信息 
的 途径 有 限 , 随 着 时 代 的 进步 ,使 得 用 手稿 记载 思想 与 历史 成 为 可 能 ， 
印刷 技术 的 发 展 更 是 加 快 了 信息 的 传播 速度 ,拓宽 了 信息 的 传播 渠道 。 
如 今 计算 机 图 形 设 计 、 互 联网 与 虚拟 现实 等 新 技术 为 版 式 设计 提出 了 
新 的 可 能 性 与 发 展 方向 ,设计 师 可 以 在 更 宽广 的 媒体 上 运用 各 种 工具 
传播 信息 ,并 且 这 种 沟通 已 经 超越 了 空间 的 限制 。 
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一 、 中 国 古 代 的 文字 排版 设计 


中 国 古 代 的 文字 排版 设计 是 中 国 传统 文化 的 记录 和 产品 ,不 论 其 形成 与 发 
展 还 是 其 内 涵 , 无 不 随 着 时 代 的 需求 .文化 的 变迁 而 变化 ,而 贯穿 其 中 不 变 的 则 
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是 中 华 民族 传承 不 息 的 人 文 价值 观 。 


从 殷 商 时 期 甲骨 文 的 出 现 一 直到 明 清 线装 书 的 普及 ,漫长 的 发 展 史 中 , 有 两 种 传统 版 


式 对 现代 的 版 式 设计 产生 了 重要 而 深远 的 影响 。 

( 一 ) 甲骨 文 版 式 

1899 年 河南 安阳 括 墟 发 现 的 甲骨 文 是 人 类 现 
今 发 现 的 最 早 的 文字 形式 ,这 些 文字 被 刀 刻 在 较 
硬 的 龟甲 兽 骨 上 ,又 被 称 为 “卜辞 ”, 内 容 基 本 上 
都 是 商 王 朝 统治 者 的 占卜 记录 。 自 商 时 期 ,人 们 信 
奉 的 是 宇宙 间 至 高 无 上 的 神 一 上 帝 。 这 样 ,在 刻 
写 卜 辞 时 ,人 们 必然 从 上 而 下 地 顺序 刻 出 ,这 种 刻 
法 既 可 秉承 “天 ”的 旨意 ,又 可 连续 刻 出 形成 竖 
写 直 行 的 版 式 。 加 之 中 国 古代 崇尚 以 右 为 上 ,以 
左 为 下 。 从 上 到 下 ,自然 也 就 先 右 后 左 了 。 这 便 
形成 了 甲骨 文 独 一 无 二 的 书写 版 式 排 列 , 如 图 2-1 
所 示 。 它 是 汉字 方块 化 最 初 构 形 ,同时 也 为 历代 
汉字 书写 版 式 提 供 了 最 基本 的 版 面 范例 。 

随 着 经 济 的 发 展 ,青铜 冶炼 技术 的 提高 , 商 周 


图 2-1 商 代 甲 骨 文 


(来 源 : 问题 网 ，http://wentinet.www wang.com/ 
content/201012/1378662.shtml) 


以 后 ,出 现 了 金 文 版 式 与 石 鼓 文 版 式 。 两 者 都 是 对 甲骨 文 版 式 的 传承 与 丰富 。 


( 二 ) 葡 策 版 式 与 第 书 版 式 


简 策 始 于 周 代 , 人 们 用 丝 绳 把 竹子 等 材料 加 工 后 形成 的 细 长 简 片 连接 起 来 , 编 简 成 册 ， 
这 是 中 国 最 早 的 书籍 形式 。 简 策 书 仍 沿袭 甲骨 文 、 金 文 的 竖 写 直行 .由 右 而 左 的 版 式 。 两 
根 简 片 之 间 形 成 了 自然 隔 线 ,也 为 行 与 行 之 间 的 界线 。 如 图 2-2 所 示 。 


东汉 华 伦 发 明了 造纸 术 后 , 息 书 版 式 也 随 之 出 现 ,如 图 2-3 所 示 。 钊 书 沿用 了 简 策 书 


的 版 式 规律 ,把 简 策 书 中 两 根 简 所 形成 的 自然 隔 线 运用 在 利 书 上 ,出现 了 朱砂 或 墨 画 的 行 
格 。 同 时 由 于 “天 人 合 一 ”思想 的 成 熟 , 上 下 直行 的 观念 进一步 发 展 ,不 但 有 了 行 格 ,而 且 


使 天 头 、 地 脚 的 观念 更 加 明确 。 


岛 书 出 现 后 又 相继 出 现 了 卷轴 装 书 .旋风 装 书 、 经 折 装 书 .蝴蝶 装 书 、 包 背 装 书 和 线装 
书 。 自 明代 起 ,中 国 的 文人 喜好 在 书籍 的 天 头 地 脚 间 书 写 心得 ,加 注 批语 。 故 而 线装 书 
包括 文人 山水 画 的 形式 大 多 具有 版 心 小 ,天 头 、 地 脚 大 的 特点 ,尤其 是 天 头 之 大 更 是 如 
此 。 图 2-4 和 图 2-5 所 示 即 为 古代 中 国 线装 书 内 页 版 式 图 和 线装 书 结构 图 。 

真正 的 版 式 编排 开始 是 与 印刷 相 联 系 的 。 北宋 毕 异 发 明了 世界 上 最 早 的 活字 印刷 技术 ， 
也 称 为 胶泥 活字 。 现 存 中 国 最 早 的 印刷 品 是 公元 868 年 唐 代 的 《金刚 经 》, 它 几乎 具备 版 面 
编排 的 所 有 要 素 。 插 图 在 《金刚 经 》 中 已 经 出 现 了 ,内 容 一 般 为 佛经 故事 中 的 人 物 与 重要 
场面 。 如 图 2-6 所 示 , 插 图 的 形式 在 手 卷 上 为 横 排 , 单 页 中 上 图 下 文 , 行 制 规范 ,很 少 例外 。 

宋代 以 后 ,印刷 技术 迅速 发 展 , 除 佛经 外 ,农林 、 医 学 方面 有 大 量 的 出 版 物 出 现 。 如 
《本 草图 》 中 采用 了 木刻 作为 药材 的 说 明 图 , 文 图 相 辅 。 如 图 2-7 所 示 , 这 一 时 期 的 版 式 特 
点 表现 为 : 文字 的 编排 通常 没有 标点 符号 ,通过 文字 的 大 小 、 顶 格 与 缩 进 、 阴 阳 强 调 来 标明 


段落 ,划分 层次 , 文 图 交互 的 穿插 十 分 普遍 。 


图 2-3 ”外 书 版 式 
(来 源 : http://www.ccnh.cn/zt/daoxuedaguan/ 
daoxueyicun/yiwu/4383100574.htm) 


图 2-2 简 策 版 式 
(来 源 : http://www .ltsh.ilc.edu.tw/history/ 
sufa/newpage3.htm) 


图 2-4 ”线装 书 内 页 版 式 
(来 源 : http://blog.sina.com.cn/s/blog_7387d00c 
0100tsoh.html) 


司 2-5 ”线装 书 结构 
(来 源 : http://blog.sina.com.cn/s/blog_7387d00c 
0100tsoh.html) 
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图 2-6 ” 唐 代 《 人 金刚 经 》 内 页 版 式 
(来 源 : http://res.bigc.edu.cn/chahuashi/html/history/2010-04-18-1070.html) 
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图 2-7 宋代 《本 草图 》 内 页 版 式 
(来 源 : http://res.bigc.edu.cn/chahuashi/html/history/2010-04-18-1070.html) 
现存 最 早 的 印刷 广告 是 北宋 时 期 的 “济南 刘 家 功 夫 针 铺 ”的 广告 铜板 ,如 图 2-8 所 示 。 
其 构图 严谨 庄重 , 主 次 分 明 , 图 文 并茂, 中间 的 “玉兔 捣 药 ” 商 标 和 店 址 与 内 文 、 广 告 语 融 
为 一 体 ,既是 传单 .包装 纸 ,又 是 招贴 ,是 一 幅 相当 完整 的 古代 平面 广告 设计 作品 ,可 以 说 版 
式 编排 是 在 我 国 最 早 得 到 完善 的 。 


图 2-8 ”宋代 刘 家 功 夫 针 铺 广 告 铜 板 
(来 源 : 百度 图 片 ，http://image.baidu.com) 


二 、 西 方 早期 的 版 式 设计 

( 一 ) 古典 时 期 

1 古 埃及 壁画 与 纸 草书 中 的 版 式 设计 

距 今 5000 多 年 前 , 古 埃及 出 现 了 以 图 形 为 核心 的 象形 文字 ,这 种 意 为 “ 神 的 语言 ”的 


文字 完全 是 象形 图 画 式 的 。 它 与 中 文 完全 以 文字 为 中 心 的 书写 编排 不 同 ,埃及 人 记录 他 们 
思想 的 方式 一 开始 便 是 图 像 与 文字 并 存 。 

古 埃 及 的 壁画 和 纸 草 文书 可 以 称 得 上 版 面 设 计 的 杰作 ,如 图 2-9 所 示 ,“ 神 的 文字 ” 
可 以 横 排 也 可 以 竖 排 ,文字 本 身 又 有 强烈 的 图 画 倾向 ,版 面 编 排 上 非常 自由 化 , 主题 突出 ， 
文 图 交相辉映 ,十 分 精美 ,整体 呈现 高 度 装 饰 化 的 效果 。 


图 2-9 上古 埃及 壁画 
(来 源 : http://civ.ce.cn/painting/200612/22/t20061222_9848796_2.shtml) 


2. 古 罗马 时 期 


欧洲 文明 起 源 于 希腊 地 区 克 里 特 岛 上 发 展 起 来 的 米 诺 亚 文明 。 从 那 以 后 ,十 希 腊 人 在 
米 诺 亚 象形 文字 的 基础 上 发 展 了 拼音 字母 体系 ,从 根本 上 改变 了 人 们 传播 与 沟通 的 方式 ， 
也 产生 了 独立 的 、 西 方式 的 版 面 安排 方式 。 

古 罗马 人 直接 照搬 了 古 希腊 人 的 文明 ,并 创立 了 标准 化 的 拉丁 文字 ,每 一 个 字母 被 独 
立地 设计 ,字母 上 开始 出 现 装饰 线 ,形成 了 饰 线 体 。 版 面 由 一 个 个 罗马 饰 线 体 字母 连续 排 
列 而 成 ,整体 效果 典雅 .庄严 ,规范 。 由 于 当时 书写 材料 比较 昂贵 ,使 得 版 面 中 字体 排列 相 
对 比较 紧密 。 手 抄本 中 ,常常 使 用 的 手书 体 “ 拉 斯 提 训 方 体 ”也 呈现 这 一 特点 ,字体 紧密 ， 
节省 空间 ,并 且 书 写 速度 较 快 ,便于 日 常 使 用 。 

3， 中 世纪 抄本 时 代 

中 世纪 时 期 ,在 文化 史上 被 称 为 “黑暗 时 期 ”, 但 中 世纪 却 是 一 个 手工 艺术 辉 焊 的 时 代 ， 


手 抄本 的 圣经 和 其 他 的 福音 著作 成 为 版 面 设计 集大成 之 作 。 这 些 倾注 了 教士 毕生 精力 的 
精美 的 手 抄本 装饰 华贵 , 风格 瑰丽 。 羊 皮 是 中 世纪 的 手 抄 本 最 惯常 使 用 的 材料 , 它 可 以 两 


面 书写 ,并 折 又 锋线 装订 ,书籍 整体 的 版 面 布局 也 由 长 卷 式 变 成 了 长 方形 的 书页 ,字体 .、 插 ， N \ 


图 与 装饰 都 随 之 产生 了 很 大 的 变化 。 


公元 5 世纪 左右 , 凯 尔 特 人 的 手 抄 书籍 装饰 风格 浓烈 ,设计 讲究 ,往往 把 首 写 字母 扩大 
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并 装饰 华贵 ,书籍 插图 为 图 案 式 并 且 有 装饰 边 环绕 ,被 称 为 “ 凯 尔 特 书籍 风格 ”。 其 代表 作 
有 《 杜 若 经 》(The Book of Durrow) 与 《 凯 尔 斯 经 》(The Book of Kells), 其 内 页 版 式 分 
别 如 图 2-10 和 图 2-11 所 示 。 
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图 2-10 《 杜 若 经 》 内 页 版 式 图 2-11 《 凯 尔 斯 经 》 内 页 版 式 
(来 源 : http://www.codex99.com/typography/33.html) (来 源 : http://www.douban.com/photos/photo/599090970) 


公元 8 世纪末, 查理 曼 皇 帝 发 行 “皇家 标准 文书 ”, 统 一 了 手 抄本 书籍 的 版 面 标准 、 装 
饰 标准 与 手书 字体 标准 ,这 是 欧洲 开始 走向 标准 化 出 版 的 开端 。 同 时 期 西班牙 书籍 抄本 受 
到 阿拉 伯 装 饰 风格 的 影响 ,在 版 面 装饰 上 强调 图 案 的 作用 ,其 至 出 现 了 以 图 案 为 中 心 的 装 
饰 座 页 。 这 类 具有 复杂 插图 装饰 色彩 艳丽 的 书籍 抄本 被 称 为 “西班牙 图 画 表现 主义 ”。 

13、14 世纪 哥 特 字体 的 出 现 对 书籍 的 版 面 编排 带 来 了 很 大 的 影响 。 哥 特 字 体 字形 瘦 
长 ,字母 的 饰 线 消失 ,笔画 截 弯 取 直 . 有 棱 有 角 。 应 用 这 种 整齐 粗 黑 的 哥 特 字体 的 书籍 ,版 
面 上 表现 为 排版 密集 ,整齐 并 且 规 格 化 ,文字 开始 分 栏 编 排 ,插图 的 位 置 也 较 整 齐 、 统 一 。 
如 图 2-12 所 示 , 《启示 录 》(Apocalypse) 便 是 典型 的 哥 特 风格 。 

(二 ) 文艺 复兴 

始 于 14 世纪 的 欧洲 , 以 意大利 为 先锋 的 文艺 复兴 运动 全 面 复兴 了 古 罗马 与 古 希 腊 的 
文化 艺术 成 就 。 文 化 的 繁荣 ,加 上 德国 人 古 登 堡 发 明了 金属 活字 印刷 ,带动 了 出 版 业 的 繁 
荣 , 进 一 步 推动 了 整个 欧洲 出 版 业 的 发 展 。 

文艺 复兴 时 期 的 书籍 插图 作品 刻 工 细腻 ,讲究 光影 与 空间 透视 , 书籍 中 的 图 文 编排 也 
突破 了 手 抄 书 的 固定 形式 。 如 图 2-13 所 示 , 丢 勒 的 代表 作 《 启 示 录 》(Apocalypse) 画面 
中 充满 了 文艺 复兴 时 期 的 绘画 风格 ,对 后 来 的 插图 设计 具有 重要 的 影响 作用 。 


< 


I i 


图 2-12 《启示 录 》 内 页 版 式 
(来 源 : http://medieval.library.nd.edu/facsimiles/apocalypse/douce/1E.html) 


书籍 《 波 利 斐 丽 斯 的 爱情 梦 》 (Hypnerotomachia Poliphili) 是 当时 意大利 人 文 主义 风 
格 的 经 典 作 品 。 其 内 页 版 式 如 图 2-14 所 示 , 字 距 玻 密 有 致 ,行距 清晰 ,段落 编排 合理 ,野花 
装饰 柔美 ,版 面 整体 精致 高 雅 ,使 此 书 成 为 当时 版 式 设计 的 典范 。 
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图 2-13 《启示 录 》 木 刻 版 画 图 2-14 《 波 利 裴 丽 斯 的 爱情 梦 》 内 页 版 式 
(来 源 : http://wu369.com/wyfx/durer.htm) (来 源 : http://www.codex99.com/typography/82.html) 
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三 ) 新 艺术 运动 

文艺 复兴 之 后 ,经 历 了 矫 揉 造作 的 巴洛克 风格 ,烦琐 矫 饰 的 洛 可 可 风格 与 维多利亚 风 
格 后 ，19 世纪 末 的 欧洲 开始 了 设计 的 新 探索 与 实验 。 这 场 设 计 运动 的 起 因 可 以 归结 为 两 
个 方面 : 一 是 对 于 弥漫 整个 19 世纪 的 烦琐 的 维多利亚 风格 以 及 传统 的 历史 主义 装饰 风格 
的 否定 , 二 是 对 工业 化 大 生产 的 厌恶 与 反对 ,企图 唤起 对 手工 艺 的 重视 。 

正 因为 这 两 点 动因 ,新 艺术 运动 基本 上 完全 抛弃 了 对 任何 一 种 传统 装饰 风格 的 借鉴 ， 
转 而 从 东方 艺术 与 自然 中 寻找 装饰 动机 。 自 然 主义 .曲线 .有 机 形态 是 其 最 主要 的 形式 特 
征 ,大 量 的 曲线 ,植物 纹样 与 动物 的 形态 体现 在 设计 中 ,使 之 具有 非常 鲜明 的 特点 。 同 时 ， 
当时 的 艺术 家 们 对 历史 主义 的 大 胆 否 定 也 为 后 来 的 现代 主义 运动 在 精神 与 实质 上 奠定 了 
基础 。 

“新 艺术 ”是 一 场 运动 ,而 不 是 一 种 统一 的 风格 , 它 在 各 个 国家 都 有 自己 的 诠释 和 独特 
的 设计 特点 与 细节 。 法 国 是 新 艺术 运动 的 发 源 地 , 尤 金 格 拉 谢 特 (著名 的 插画 家 ) 是 这 
个 时 期 的 杰出 代表 。 他 的 插画 与 书籍 设计 作品 从 日 本 浮世 绘 中 吸取 灵感 ,运用 强烈 的 黑白 
对 比 ,色彩 轻松 浪漫 ,同时 插图 ,字体 与 版 面 风格 高 度 统一 ,成 为 这 个 时 代 书 籍 设 计 的 典范 ， 
如 图 2-15 和 图 2-16 所 示 。 


图 2-15 ” 尤 金 ， 格拉 谢 特 设计 的 书籍 内 页 ( 1 ) 图 2-16 ” 尤 金 ， 格拉 谢 特 设计 的 书籍 内 页 ( 2 ) 
(来 源 : http://www.imprimerie-faguier.fr/levolution- (来 源 : http://www.paperblog.fr/1579358/legendes- 
de-limprimerie) francaises-vues-d-allemagne) 


新 艺术 运动 对 英国 的 影响 更 多 地 表现 在 平面 设计 与 插图 上 ,有 两 个 重要 的 代表 人 物 : 
比 亚 北 莱 与 查尔斯 "里 克 茨 。 比 亚 兹 莱 因 其 作品 中 浪漫 的 植物 纹样 .曲线 的 运用 ,强烈 的 
黑白 对 比 以 及 丰富 的 想象 而 闻名 ,《 莎 乐 美 ) 一 书 是 其 代表 作品 ,版 式 风格 明快 ,流畅 ,自由 ， 
如 图 2-17 所 示 。 

新 艺术 运动 在 德国 被 称 为 "青年 风格 ”, 因 其 与 学 术 界 的 密切 联系 , 与 英国 和 法 国 相 比 ， 


它 在 德国 更 具有 知识 分 子 气息 。 不 同 于 欧洲 其 他 国家 ,“ 青 年 风格 ”在 德国 只 是 对 新 风格 
的 探索 ,并 没有 取代 从 中 世纪 流传 下 来 的 陈旧 的 古 登 堡 时 期 的 风格 。 

在 平面 设计 领域 ,新 艺术 运动 的 两 个 代表 人 物 一 一 奥 托 " 艾 克 曼 和 彼得 " 贝 伦 斯 的 
作品 主要 集中 在 为 刊物 设计 的 版 面 与 插图 。 艾 克 曼 的 风格 写实 ,经 常 运用 女性 主题 与 花卉 
题材 ,精细 浪漫 ,其 作品 如 图 2-18 所 示 。 贝 伦 斯 则 从 “青年 风格 ”开始 ,积累 经 验 , 慢 慢 过 
渡 到 了 现代 主义 风格 ,成 为 德国 现代 设计 的 黄 基 人 之 一 。 


图 2-17 《 莎 乐 美 》 内 页 版 式 图 2-18 ” 奥 托 。 艾 克 曼 为 德国 电器 工业 公司 简介 设计 的 封面 
(来 源 : http://group.mtime.com/chen88/ (来 源 : http://www.linotype.com/382-856/worksandsamples.html) 
discussion/267172) 


第 二 节 ”20 世 纪 的 现代 主义 与 版 式 设计 


一 、 俄 国 构成 主义 


俄国 构成 主义 产生 于 20 世纪 初 ,其 旗帜 鲜明 ,政治 目的 明确 ,就 是 要 用 一 种 新 的 形式 
来 否定 旧时 代 沙 皇 统治 时 期 的 一 切 传统 风格 ,同时 又 与 革命 的 意识 形态 配合 ,为 无 产 阶 级 
和 人 民 服 务 , 强 调 社 会 实用 性 与 构成 形态 。 反 映 在 版 面 编排 上 , 它 呈 现 出 一 个 总 的 特征 : 
与 以 往 传统 ,精致 .典雅 的 风格 相 区 别 , 新 的 形式 简单 .明确 、 无 装饰 .醒目 而 富有 力量 ,其 
至 杂乱 无 章 ,常用 简单 的 几何 图 形 和 纵横 结构 ,表现 出 无 产 阶级 朴素 无 华 、 刻 苦 的 精神 与 
阶级 特征 。 

构成 主义 的 重要 代表 人 物 是 李 西 斯 基 。 作 为 现代 主义 平面 设计 的 创始 人 之 一 , 李 西 斯 
基 在 设计 上 的 探索 突破 了 金属 活字 版 的 技术 局 限 与 控制 ,采用 了 新 的 .革命 的 结构 与 主题 。 
字体 全 部 是 无 装饰 线 体 的 ,纵横 版 面 编排 简洁 .明确 ,色彩 单纯 ,完全 排斥 装饰 。 同 时 ,所 
有 的 版 式 、 内 容 、 色 彩 与 图 形 都 围绕 着 “革命 ”这 个 中 心 与 主题 , 带 有 很 强 的 政治 目的 性 。 
李 西 斯 基 的 另 一 个 特征 是 广泛 采用 照片 剪贴 ,这 一 手法 应 用 在 政治 宣传 海报 上 ,效果 突 
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出 、 强 烈 。 
图 2-19 所 示 为 李 西 斯 基 设 计 的 海报 《用 红色 的 模子 攻打 白 军 》, 它 是 典型 的 构成 主义 


风格 作品 ,并 且 带 有 高 度 的 政治 性 和 革命 隐喻 性 ,红色 代表 布尔 什 维 克 党 的 革命 力量 ,白色 
和 黑色 代表 反动 势力 ,这 种 手法 在 当时 的 俄国 社会 引起 了 强烈 反响 。《 主 题 》 杂 志 是 当时 
探索 新 艺术 与 设计 的 论坛 ,一 大 批 俄国 构成 主义 设计 师 为 其 设计 了 封面 ,如 图 2-20 所 示 ， 
代表 了 新 时 代 的 新 主题 与 新 风格 。 


图 2-19 ”海报 《用 红色 的 模子 攻打 白 军 》 图 2-20 ”1922 年 第 3 期 《主题 》 杂 志 的 封面 
(来 源 : http://www.creativereview.co.uk/cr-blog/2008/august/ (来 源 : http://arts.guardian.co.uk/pictures/image/ 
constructivism-the-ism-that-just-keeps-givin) 0,-1160329454625,00.html) 


李 西 斯 基 与 阿 普 共 同 设计 的 书籍 《艺术 的 主义 ，1914 一 1924》 的 版 式 被 视 为 俄国 当 
时 最 有 影响 的 平面 设计 之 一 。 通 过 这 本 书 , 李 西 斯 基 找到 了 后 现代 主义 版 面 设计 的 基本 形 
式 和 规律 : 封面 和 雇 页 横 三 栏 , 书 籍 内 页 竖 三 栏 的 编排 ,具有 强烈 的 秩序 性 , 整 本 书 索 引 明 
确 ,如 图 2-21 所 示 , 插 图 排列 简洁 而 规则 ,清晰 易 读 。 在 这 里 ,构成 主义 的 结构 与 形式 最 终 
服务 于 功能 。 


图 2-21 ” 李 西 斯 基 为 《艺术 的 主义 ，1914 一 1924》 设 计 的 版 面 
(来 源 : 王 受 之 .世界 现代 设计 史 . 北 京 : 中 国 青年 出 版 社 ，2002:180) 


二 、 和 荷兰 的 “风格 派 " 

第 一 次 世界 大 战 后 ,一 大 批 知识 分 子 与 艺术 家 来 到 了 中 立国 荷兰 ,其 中 一 些 画家 、 设 
计 师 和 建筑 师 组 成 团体 ,互相 交流 ,从 事 艺术 探索 。 维 系 成 员 间 的 纽带 是 一 本 名 为 《风格 》 
的 杂志 ,荷兰 风格 派 因 此 得 名 。 荷 兰 风格 派 与 俄国 构成 主义 运动 并 驾 齐 驱 , 它 虽然 没有 后 
者 那么 明确 的 政治 激进 ,但 也 具有 浓厚 的 社会 工程 倾向 。 他 们 认为 内 在 的 结构 与 规律 应 该 
基于 科学 理论 .机 械 化 大 生产 与 现代 都 市 生活 节奏 这 3 个 基础 ,外 部 表现 为 简单 的 理性 
的 、 纵 横 直线 形式 的 、 数 学 统计 的 和 单纯 的 原色 计划 。 

西 奥 * 凡 * 杜 斯 伯 格 率先 把 这 种 风格 带 到 书籍 与 版 面 设计 中 ,设计 了 一 系列 的 作品 ， 
如 图 2-22 所 示 , 它 们 都 具有 鲜明 的 特征 : 简单 的 纵横 编排 方式 ,字体 采用 无 装饰 线 体 , 除 
了 几何 图 形 外 无 其 他 的 装饰 ,追求 非 对 称 之 中 的 视觉 平衡 ,采用 基本 的 原色 和 中 性 色 。 这 
种 高 度 理性 的 编排 方式 使 他 的 书籍 具有 高 度 的 视觉 传达 特点 , 杜 斯 伯 格 本 人 在 后 来 的 设计 
探索 中 也 越 来 越 倾向 于 “减少 主义 ”, 逐渐 成 为 国际 主义 运动 的 葛 基 人 之 一 。 
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图 2-22 西 奥 * 凡 。 杜 斯 伯 格 设计 的 《风格 》 杂 志 封 面 
(来 源 : http://res.bigc.edu.cn/banmiansheji/html/lljc/banmianshejigaishu/index.html) 


三 、 包 豪 斯 

国立 包 豪 斯 学 院 于 1919 年 由 德国 著名 的 建筑 家 沃尔特 * 格 罗 佩 斯 在 德国 魏 玛 市 成 
立 ,是 世界 上 第 一 所 设计 教育 学 院 。 在 十 多 年 的 发 展 历程 中 ,这 里 集中 了 欧洲 对 于 现代 主义 
设计 的 探索 与 实验 成 果 , 并 对 之 加 以 完善 ,形成 了 新 的 “现代 主义 设计 体系 ”。 包 豪 斯 的 设 
计 风 格 体现 在 版 面 设计 上 表现 为 以 下 几 个 特征 。 

(1) 明确 版 面 设 计 的 目的 在 于 准确 地 传达 信息 ,而 非 装饰 与 美化 。 

(2) 简洁 的 版 面 编排 风格 ,结构 严谨 ,追求 非 对 称 平衡 。 

(3) 后 期 ,利用 网 格 进行 版 式 设计 ,使 设计 更 加 秩序 和 严谨 。 

(4) 字体 上 采用 无 装饰 线 体 取代 了 德国 当时 流行 的 “ 哥 特 体 ”, 无 装饰 线 体 .小 写字 母 
书写 使 视觉 传达 更 加 简洁 。 

(5) 完全 不 采用 任何 传统 的 装饰 风格 ,版 面具 有 强烈 的 时 代 感 。 


(6) 摄影 的 作用 得 到 强调 ,并 取代 绘画 应 用 到 版 式 设计 中 。 照片 剪贴 是 常用 的 设计 


手段 。 
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莫 堆 里 纳 吉 是 魏 玛 时 期 的 包 豪 斯 在 书籍 与 平面 设计 上 的 先锋 人 物 , 他 本 人 受 俄国 
构成 主义 的 强烈 影响 , 把 理性 与 功能 带 入 包 豪 斯 的 教学 体系 。 莫 霍 里 * 纳 吉 是 率先 采用 


照片 拼 贴 和 抽象 摄影 技术 的 先锋 之 一 (如 


感 ,从 日 常生 活 中 提取 细节 ,抽象 放大 , 运用 显 微 . 鸟 攀 等 方法 , 拼 贴 在 版 面 中 ,营造 出 现 


代 感 。 


图 2-23 所 示 ) ,他 的 作品 往往 具有 强烈 的 时 代 


图 2-24 所 示 为 莫 截 里" 纳 吉 设 计 的 包 豪 斯 展览 的 目录 ,是 包 豪 斯 与 欧洲 第 二 次 世界 
大 战 前 形成 的 现代 主义 平面 设计 风格 的 完整 体现 。 


图 2-23 ” 莫 霍 里 。 纳 吉利 用 照片 拼 贴 的 平面 作品 

(来 源 : http://www.shafe.co.uk/arVL%C3%A1szl9%6 
C3%B3_Moholy-Nagy_-_Funkturm_ 
(radio_tower)_Berlin._1926.asp) 
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图 2-24 ” 莫 堆 里 。 纳 吉 设 计 的 包 豪 斯 展览 目录 


(来 源 : http://res.bigc.edu.cn/banmiansheji/html/ 
llic/banmianshejigaishu/index.html) 


另 一 个 代表 人 物 是 包 豪 斯 在 迪 索 时 期 的 赫 伯 特 * 拜 耶 ,他 主要 的 成 就 与 贡献 是 创造 了 


简练 的 “通用 体 ” 一 一 无 装饰 线 字体 系列 ， 
斯 字体 的 象征 。 图 2-25 所 示 为 赫 伯 特 。 拜 有 


后 来 进一步 发 展 ,创造 了 “和 拜 耶 体 ”, 成 为 包 豪 
设计 的 一 种 无 装饰 线 字体 。 
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图 2-25 ”1925 年 赫 伯 特 * 


拜 耶 设计 的 一 种 无 装饰 线 字体 


(来 源 : http://luc.devroye.org/fonts-32501.html) 


、 国 际 主义 平面 设计 风格 


“瑞士 平面 设计 风格 ”形成 于 20 世纪 40 年 代 ,伴随 着 国际 贸易 的 剧 增 , 其 设计 风格 得 
到 推广 与 普及 ,成 为 第 二 次 世界 大 战 后 几 十 年 间 国际 最 流行 .影响 最 大 的 设计 风格 ,一 直到 
20 世纪 90 年 代 也 经 久 不 衰 , 其 又 被 称 为 “国际 主义 平面 设计 风格 ”。 

国际 主义 平面 设计 风格 以 方 格 网 络 为 设计 骨架 ,设计 师 把 文字 、 图 形 、 照 片 .页 码 等 丰 
富 的 设计 元 素 有 效 地 安排 在 这 个 框架 中 。 网 格 依据 不 同 的 数学 原理 绘制 而 成 ,设计 师 从 各 
种 各 样 的 网 格 类 型 中 选择 他 所 需要 的 类 型 ,如 对 称 式 、 非 对 称 式 、 复 合式 .组 合式 等 。 

网 格 给 设计 带 来 了 秩序 感 和 协调 性 ,安排 好 的 版 面 往往 简单 .明确 .标准 和 规范 ,这 提 
高 了 平面 设计 操作 的 效率 ,对 国际 化 的 传播 目标 来 讲 也 是 非常 适合 的 ,图 2-26 所 示 的 就 是 
一 种 典型 的 网 格 设计 结构 。 这 种 风格 的 另 一 核心 组 成 部 分 是 无 装饰 线 体 的 采用 ，Univers 
和 Helvetica 字体 从 20 世纪 50 年 代 开始 使 用 并 不 断 得 到 丰富 与 发 展 ，Helvetica 字体 直到 
现在 也 是 最 流行 的 无 装饰 线 体 。 


图 2-26 ”网 格 设计 范例 
(来 源 : CDC 网 ，http://cdc.tencent.com/?p=7506) 


马克 斯 "比尔 是 国际 主义 平面 设计 风格 的 先驱 之 一 。 他 的 设计 也 是 以 方 格 网 络 作为 
基础 ,以 数学 和 几何 比例 编排 版 面 , 把 各 种 设计 元 素 与 内 容 以 理性 的 方法 安排 在 版 面 中 ,为 
统一 的 风格 服务 。 图 2-27 所 示 为 马克 斯 " 比尔 的 海报 作品 ,他 的 设计 作品 仍然 在 方 格 网 
络 中 进行 。 在 他 的 设计 中 ,照片 往往 以 菱形 的 方式 分 布 在 网 格 中 ,形成 箭头 一 般 的 指向 性 ， 
与 纵横 排列 的 文字 组 合 , 视觉 效果 简洁 有 力 。 N 

约瑟夫 * 穆 勒 "布鲁克 曼 在 20 世纪 60 年 代 逐 渐 成 为 国 际 主义 平面 设计 风格 的 精神 
领袖 ,他 在 设计 上 主张 以 传达 功能 为 最 高 目的 ,认为 设计 既 要 有 强烈 的 时 代 感 ,又 要 有 
的 视觉 传达 功能 性 。 他 善于 使 用 摄影 资料 ,所 设计 的 一 系列 平面 作品 生动 .效果 强烈 ,主题 
突出 ,如 图 2-28 所 示 。 \ 
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图 2-27 


) 


kunstgewerbemuseum zirich 


马克 斯 。 比尔 海报 作品 


(来 源 : http://www.moma.org/collection/browse_results. 
php? criteria=O%3AAD%3AE%3A559%7CA%3A 


AR%3AE%3A1&page_number=17&template_id=1 


&sort_order: 


=1) 


五 、 纽 约 平面 设计 派 


第 二 次 世界 大 战 期 间 , 大 批 的 艺术 家 与 设计 师 为 躲避 战火 来 到 美 
现代 主义 平面 设计 风格 与 思想 。 于 是 ,在 20 世纪 40 年 代 前 后 ,各 种 设计 实验 在 纽约 发 生 。 
国 在 接受 欧洲 现代 主义 风格 的 同时 ,也 依据 自己 的 特色 与 需求 对 之 进行 改良 ,逐步 在 纽 
币 群 体 的 地 方形 成 了 自己 独特 的 设计 风格 ,被 称 为 “纽约 平面 


美 


约 这 个 聚集 了 最 大 数量 设计 | 


设计 派 ”。 


纽约 平面 设计 派 的 思想 精髓 : 把 美 


国人 的 乐天 、 


protegez [enfant ! 


图 2-28 约瑟夫 。 穆 勒 。 布鲁克 曼 海 报 作品 

(来 源 : http://jeromyj.com/2009/11/josef-muller- 
brockmann-and-the-myth-of-objective- 
design) 


,也 带 来 了 欧洲 的 


到 


由 与 轻松 融入 欧洲 的 理性 与 秩序 中 ， 


为 最 终 的 传达 目的 把 各 种 设计 元 素 和 谐 地 组 合 在 一 起 ,同时 重视 设计 的 功能 与 经 济 效 应 。 


保罗 . 兰 德 


基于 对 欧洲 与 美国 两 种 设计 的 深刻 了 解 与 掌握 ,代表 了 当时 美 
计 既 遵循 功能 


剧 化 。 图 2-29 
的 图 形 、 绘 画 揪 


是 纽约 平面 设计 派 最 重要 的 奠基 人 和 


开创 者 ,他 的 一 系列 设计 实践 与 实验 


E 义 ,具有 严谨 的 结构 与 逻辑 .秩序 性 


国 最 高 的 设计 水 平 。 他 的 设 
,也 强调 强烈 的 视觉 效果 .生动 性 与 戏 


所 示 为 保罗 ， 兰 德 所 做 的 一 系列 海报 


的 使 用 ,照片 拼 


另外 一 个 重要 人 物 是 索 尔 " 巴 其 


响 效 果 结 合 , 打 


图 或 简单 明确 的 文字 标题 , 活跃 而 井然 有 序 
止 和 大 色 块 的 结合 使 用 ,使 版 面 富 有 强烈 的 


和 广告 设计 。 保 罗兰 德 把 照片 拼 贴 
也 排列 于 版 面 之 间 , 明快 的 补 色 
吸引 力 和 视觉 趣味 。 


三 


间 。 


破 了 传统 的 格 


。 他 把 简单 抽象 的 区 
1955 年 , 索 尔 * 巴 斯 设计 了 电影 《 金 手臂 的 人 》 的 电影 


形 带 入 设计 中 ,并 与 动态 的 音 


海报 与 片头 ,完全 抛弃 了 以 演员 肖像 为 中 心 的 设计 风格 , 仅 运 用 抽象 . 洗 练 的 纵横 线条 , 具 


有 强烈 的 象征 性 。 而 在 他 设计 的 片头 中 ,经 典 的 白色 线条 与 黑色 背景 暗示 了 毒品 和 主人 公 
复杂 的 内 心 世界 ,也 透露 出 电影 本 身 的 阴暗 背景 ,如 图 2-30 和 图 2-31 所 示 。 


FRANK SINATRA . ELSANOR, PARKER, OM Novarc 


(来 源 : http://users.design.ucla.edu/~cariesta/desi (来 源 : http://www.ifengwo.com/wuxianzengzhi/yangyan 
gnhistory/modamer/posterbass.jpg) meinv/yingshipinglun/201103/31-202230_6.html) 


20 世纪 五 六 十 年 代 是 纽约 平面 设计 派 的 鼎盛 时 期 ,在 这 一 时 期 涌现 了 一 批 著名 的 设 
计 师 , 如 奥 托 "斯 托 奇 . 享 利 * 沃 尔 夫 等 。 他 们 把 摄影 这 一 平面 设计 的 元 素 凸 显 出 来 ,在 
杂志 设计 中 当 作 设计 手段 使 用 ,使 版 面具 有 强烈 的 视觉 吸引 力 ,从 而 促进 了 杂志 销售 。 同 
时 运用 夸张 .对 比 、 留 白 等 手法 ,体现 了 美国 乐天 幽默 .活路 的 风格 与 欧洲 现代 主义 风格 的 


二 
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结合 运用 。 图 2-32 所 示 为 亨利 设计 的 BAZAAR 杂志 封面 ,摄影 作品 与 文字 的 结合 ,字体 
尺寸 大 小 的 强烈 对 比 使 整个 版 面 生动 .新 颖 ,活泼 。 


2-32 ” BAZAAR 杂志 封面 设计 
(来 源 : http://www.thinkingform.com/2012/05/23/thinking-henry-wolf-05-23-1925) 


第 三 节 ”后 现代 主义 版 式 设计 


后 现代 主义 风格 在 时 间 上 是 现代 主义 风格 之 后 出 现 的 设计 风格 , 它 不 是 现代 主义 与 国 
际 主义 的 延伸 与 发 展 ,也 没有 完全 推翻 这 两 种 风格 , 它 顺应 的 是 当时 社会 和 市 场 出 现 的 新 
的 需求 ,把 人 文 .历史 性 的 内 容 与 装饰 性 元 素 加 入 到 设计 中 。 

从 20 世纪 60 年 代 末期 开始 ,后 现代 主义 风格 在 平面 设计 上 就 开始 出 现 了 , 提 西 . 奥 斯 
玛 特 和 盖 斯 布 勒 三 人 是 开创 这 一 种 风格 的 重要 人 物 ,他 们 的 作品 如 图 2-33 和 图 2-34 所 示 。 
后 来 又 出 现 了 两 个 非常 重要 的 后 现代 主义 设计 流派 :新 浪潮 "平面 设计 运动 和 孟菲斯 风格 。 

“新 浪潮 ”是 20 世纪 70 年 代 在 美国 成 立 的 后 现代 主义 平面 设计 集团 , 它 的 存在 启发 
了 整个 设计 界 ,为 设计 师 开 拓 了 新 的 思路 ,重要 成 员 有 沃 尔 根 * 维 纳 特 . 丹 " 弗 里 德 曼 、 威 
利 " 孔 欧 和 艾 谱 里 尔 " 格 莱 曼 等 人 。 

沃 尔 根 * 维 纳 特 的 设计 在 理性 的 布局 中 增加 了 平面 的 趣味 与 韵味 ,文字 的 编排 也 不 完 
全 依据 网 格 分 布 , 同 图 片 、 图 形 一 起 解构 、 重 组 ,使 版 面 不 再 刻板 .单调 。 他 在 后 期 开始 运用 
制版 照相 机 作为 工具 对 版 面 进行 再 加 工 ,使 作品 充满 了 超 现实 主义 扑朔迷离 的 韵味 。 

艾 谱 里 尔格 莱 曼 把 摄影 在 设计 中 的 应 用 带 信 了 一 个 新 方向 。 艾 谱 里 尔格 莱 曼 善 
于 利用 编排 上 的 技巧 (图 形 的 重 释 、 指 示 性 的 线条 ) 来 营造 空间 透视 感 , 并 且 把 摄影 素材 巧 
妙 地 安排 在 版 面 中 ,更 加 深 了 版 面 的 立体 感 与 空间 感 。 图 2-35 所 示 为 艾 谱 里 尔格 莱 曼 的 
海报 设计 作品 。 

威 利 * 孔 茨 的 设计 已 经 完全 舍弃 了 方 格 网 络 ,他 的 设计 中 平面 布局 是 自由 的 ,纯粹 为 


内 容 与 信息 的 传达 服务 ,内 容 决定 了 版 式 设计 的 风格 与 形式 。 他 的 设计 作品 中 ,字体 的 大 
小 行距. 字 距 、 玻 密 、 图 形 的 象征 性 使 用 都 成 为 设计 手段 ,为 营造 一 个 具有 强烈 的 功能 性 又 
不 失 美感 的 版 面 服务 ,图 2-36 所 示 即 为 他 的 一 张 典型 风格 的 作品 。1978 年 ,他 设计 的 一 
张 摄影 展 海报 被 视 为 平面 设计 中 后 现代 主义 的 开端 。 


Basler Freilichtspiele 
beim Letziturm im St. Albantal 
15-31. VI 1963 ‘Wilhelm Tell 


图 2-33” 提 西海 报 设计 作品 图 2-34 ” 奥 斯 玛 特 海报 设计 作品 
(来 源 : http://kolarek.tumblr.com) (来 源 : http://old.design.cn/newpics/2006-11-24/6419.html) 


图 2-35 ” 艾 谱 里 尔 。 格 莱 曼 海报 设计 作品 图 2-36 ” 威 利 。 孔 茨 海报 设计 作品 
(来 源 : http://kak.ru/eng/magazine/?number=18&article=08) (来 源 : http://library.rit.edu/gda/designer/willi-kunz) 
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另 一 个 重要 的 后 现代 主义 设计 集团 就 是 20 世 纪 80 年 代 诞 生 于 意大利 米兰 的 “孟菲斯 ” 


设计 集团 。 和 孟菲斯 的 平面 设计 与 他 们 所 擅长 的 产品 设计 一 样 


,怪诞 ,浪漫 .色彩 炫目 。 他 


设计 的 作品 有 时 候 是 毫 无 意义 的 ,甚至 是 违反 功能 目的 的 ,只 是 个 人 的 艺术 观点 与 思想 
的 表达 。 在 这 里 ,设计 的 中 心 是 形式 而 非 功能 ,国际 主义 风格 完全 被 掀 翻 了 。 
孟菲斯 这 种 典型 而 又 极端 的 做 法 引起 了 世界 的 注意 ,也 导致 了 20 世纪 80 年 代 以 后 世 


界 平面 设计 界 追 求 形式 、 非 功能 化 的 风格 的 流行 与 泛滥 。 图 2 
籍 封面 设计 作品 。 


-37 所 示 为 孟菲斯 风格 的 书 


图 2-37 孟菲斯 风格 的 书籍 封面 设计 作品 
(来 源 : http://www.designboom.com/eng/funclub/memphis.html) 


第 四 节 ”版 式 设计 的 发 展 趋势 


一 、 国 际 化 与 多 元 化 


随 着 国家 间 的 沟通 与 交流 日 趋 增加 ,对 视觉 传达 的 同一 要 求 ,使 得 国际 主义 风格 成 为 


全 世界 的 视觉 语言 。 
无 论 是 纽约 还 是 伦敦 ,无 论 是 书籍 .服装 还 是 建筑 或 产品 


,这 种 国际 视觉 语言 无 处 不 


在 。 中 国 也 不 例外 ,从 设计 教育 到 设计 思潮 与 活动 ,都 深刻 地 反映 出 了 强调 功能 与 理性 的 
趋势 与 方向 。 不 可 否认 ,这 给 人 们 带 来 了 信息 传达 的 便利 ,降低 了 沟通 的 成 本 。 然 而 , 它 也 
造成 了 设计 民族 性 的 缺失 甚至 消失 。 设 计 是 文化 的 组 成 部 分 ,设计 的 个 性 也 从 中 而 来 , 脱 


离 了 民族 .地 域 与 文化 的 设计 只 空 留 了 形式 的 躯壳 ,没有 根基 。 
如 今 ,日 益 交融 的 东西 方 文化 给 民族 文化 的 发 展 带 来 了 机 


会 ,设计 也 在 新 的 形势 下 出 


现 了 统一 之 中 的 变化 。 在 现代 平面 设计 作品 中 ,把 不 同 民族 图 像 进行 再 组 合 ,力求 把 所 有 


新 的 因素 考虑 在 内 ,设计 描绘 面 尽 可 能 宽广 ,以 达到 传递 多 样 | 


性 文化 信息 的 目的 。 很 多 设 


计 师 扎根 于 自己 的 文化 土壤 ,找到 自己 的 特点 与 风格 ,采取 补充 .丰富 与 诠释 的 方式 对 国际 
主义 风格 刻板 的 面孔 进行 改良 。 

《 传 家 》 是 我 国 台湾 地 区 的 姚 任 祥 女 士 做 的 一 套 书籍 。 姚 任 祥 把 2000 年 来 中 国文 化 
中 饮食 起 居 的 种 种 细节 、 生 活 智慧 用 图 说 的 方式 展现 在 纸 与 电子 媒介 上 , 以 创新 的 手法 整 
理 了 中 华 民 族 的 文化 遗产 ,是 近年 来 生活 类 图 书 的 经 典 之 作 , 如 图 2-38 和 图 2-39 所 示 。 


图 


图 2-38 ” 姚 任 祥 的 作品 《 传 家 》 图 2-39 《 传 家 》 内 页 版 式 
(来 源 : http:/www.yanqihu.net/public/html/201105/13 (来 源 : http://news.21cn.com/caiji/roll1/2012/03/3 
045890681316.html) 1/11337398.shtml) 


二 、 时 空 化 设计 需求 

平面 设计 作品 无 论 是 通过 眼睛 观看 还 是 用 鼠标 单 击 或 手指 触摸 ,在 观看 方式 方面 已 大 
不 相同 ,深入 设计 空间 的 方式 也 不 同 了 ,最 主要 的 是 速度 变 快 了 。 

在 经 历 二 维 程式 化 的 设计 之 后 ,设计 师 在 探索 新 的 界面 ,力求 打开 新 的 思维 空间 。 科 
技 进步 和 全 球 信息 化 ,从 某 种 程度 上 缩短 了 时 空 差 ,人 的 想象 随 着 时 空 概 念 的 变化 而 延伸 ， 
平面 设计 也 逐步 从 二 维 向 三 维 到 四 维 空间 延展 ,设计 图 像 的 释 加 、 透 视 、 错 位 ,渐变 等 仿佛 
将 我 们 带 到 立体 思维 的 大 空间 ,如 图 2-40 和 图 2-41 所 示 。 在 平面 设计 者 跨 入 其 他 媒介 设 
计 过 程 中 ,超越 二 维 设计 是 一 个 重要 需求 。 


三 、 数 码 与 多 媒体 化 


计算 机 硬件 与 软件 日 新 月 异 的 发 展 和 在 设计 中 的 广泛 应 用 给 版 式 设计 带 来 了 前 所 未 
有 的 方便 与 快捷 ,加 上 摄影 .激光 扫描 ,打印 输出 等 技术 的 发 展 与 成 熟 ,完全 改变 了 版 式 设 
计 的 工作 方式 。 人 们 能 比 以 往 更 快速 地 完成 工作 ,能 融合 多 种 手段 进行 以 往 难以 想象 的 创 
意 设 计 , 并 且 在 平面 媒体 的 基础 上 ,发 展 了 声 、 光 、 画 交叉 的 “多 媒体 ”设计 新 范畴 。 版 式 
设计 的 手段 增多 了 ,对象 与 领域 也 拓宽 了 。 

在 这 个 新 的 技术 高 速 发 展 的 背景 下 ,创意 与 特点 显得 尤为 重要 ,我 们 不 能 忽视 在 绚烂 
的 技巧 与 画面 背后 ,版 式 设计 的 核心 仍然 是 视觉 传达 。 过 分 依赖 工具 与 技术 的 结果 有 可 能 
就 是 设计 的 目的 被 忽视 了 。 现 在 ,有 一 些 设计 师 在 尝试 着 重新 回归 重视 手工 技法 的 阶段 , 
突破 计算 机 这 一 千篇一律 的 单调 手法 ,做 出 更 亲切 .更 有 个 人 品位 的 作品 ,这 也 不 失 为 一 条 
新 的 途径 。 
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图 2-40 2015 年 第 七 届 中 国 国际 海报 双 年 展 作品 图 2-41 2017 年 法 国 肖 蒙 国际 平面 设计 双 年 展 作品 


(来 源 : 视觉 中 国 设计 师 社区 ，http://www.shijue.me) (来 源 : 视觉 中 国 设 计 师 社区 ，http://www.shijue.me) 
被 针 
实 # 《是 曲 》 和 书籍 封面 版 式 设 和 
设计 任务 及 要 求 如 下 。 


(1) 在 A4 的 版 面 中 为 《昆曲 》 进 行书 籍 封面 版 式 设计 ,文字 形式 、 图 形 图 像 不 限 。 

(2) 设计 需 能 表现 昆曲 作为 中 国 最 为 古老 的 戏曲 剧种 之 一 ,承载 的 中 国 传统 文化 的 深 
选 内 涵 与 中 国人 的 价值 取向 。 

该 设计 实 训 的 榜样 作品 如 图 2-42 所 示 。 


VTSRNnY 


图 2-42 《昆曲 》 书 籍 封面 版 式 设计 作品 


所 所 书籍 版 式 设计 
书籍 设计 包含 开本 、 封 面 \. 版 面 . 字 体 、 色 彩 、 插 图 以 及 纸张 .印刷 、 装 订 等 环节 ,如 
图 2-43 一 图 2-45 所 示 是 具有 一 定 特殊 形式 的 书籍 版 式 。 
书籍 版 式 封 面 术语 如 下 。 

(1) 封面 (封皮 ,书面 .前 封面 ) : 印 有 书 名 、 作 者 、 译 者 和 出 版 社 名 。 封 面具 有 美化 书 
籍 和 保护 书 芯 的 作用 。 封 面 应 能 有 效 传递 全 书 的 核心 印象 ,反映 全 书 的 实质 内涵, 同时 又 
起 到 促销 的 作用 。 

(2) 封底 ( 底 封 ) : 右 下 方 印 书号 和 定价 ,期 刊印 版 权 页 或 印 目 录 及 其 他 非 正文 部 分 
的 文字 、 图 片 。 封 底 设计 务必 简洁 ,避免 多 余 之 物 。 

(3) 书 消 ( 封 脊 ) : 连接 封面 和 封底 ,一 般 印 书 名 、 册 次 ( 卷 . 集 、 册 )、 作 者 , 译 者 姓名 
和 出 版 社 名 , 以 便于 查找 。 图 2-46 是 一 套 三 册 书 籍 的 书 桨 组 合 创意 形式 。 


图 2-43 ”特殊 形式 书籍 版 式 设计 ( 1 ) 图 2-44 ”特殊 形式 书籍 版 式 设计 ( 2 ) 


图 2-45 ”特殊 形式 书籍 版 式 设计 ( 3 ) 图 2-46 书 霄 设计 
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(4) 书 冠 : 封面 上 方 印 书 名 文字 的 部 分 。 

(5) 书 脚 : 封面 下 方 印 出 版 单位 名 称 的 部 分 。 

(6) 雇 页 (里 封面 或 副 封面 ) : 书籍 封面 或 衬 页 之 后 ,正文 之 前 的 一 页 。 雇 页 上 一 般 
印 有 书 名 、 作 者 或 译 者 、 出 版 社 和 出 版 年 月 等 。 起 到 装饰 作用 ,增加 美观 性 。 

(7) 护 封 : 高 度 与 封面 相等 ,长 度 能 包 右 住 封面 、 书 痛 和 封底 , 并 在 两 边 各 有 一 个 向 里 
折 进 的 勒 口 ,如 图 2-47 所 示 。 

(8) 腰 封 ( 书 腰 纸 ) : 书籍 附 封 的 一 种 形式 ,是 包 硅 在 书籍 封面 中 部 的 一 条 纸 带 , 属 
于 外 部 装饰 物 。 腰 封 一 般 用 牢 度 较 强 的 纸张 制作 。 腰 封 上 可 印 与 该 书籍 相关 的 宣传 、 推 
介 性 文字 , 腰 封 的 主要 作用 是 装饰 封面 或 补充 封面 的 表现 不 足 ,一 般 多 用 于 精装 书籍 如 
图 2-48 所 示 。 


图 2-47 ” 炙 空 的 书籍 护 封 设计 图 2-48 ”书籍 腰 封 设计 


硬 
从 时 (1) 了 解 常见 的 版 式 设计 类 型 。 
(2) 掌握 各 种 不 同 版 式 设计 类 型 的 特征 。 


(3) 在 设计 中 下 悉 运用 每 一 种 版 式 设计 类 型 。 


本 


“任何 一 个 版 面 都 由 各 种 设计 元 素 组 成 ,这 些 元 素 包 括 图 片 .文字 、 
图 形 、 符 号 等 。 它 们 或 呈 一 定 的 规律 出 现在 版 面 中 ,或 完全 自由 随机 排 
列 , 形 成 了 我 们 所 看 到 的 各 式 各 样 .五 花 八 门 的 版 面 。 设 计 师 在 做 版 式 
设计 时 ,也 经 常 出 于 各 种 考虑 采用 不 同 的 版 面 形式 来 传达 信息 ,我 们 不 
禁 要 问 : 版 面 设计 有 其 自身 的 规律 吗 ? 如 何 处 理 版 面 的 格局 ,选择 合 
造 的 版 式 设计 类 型 来 使 用 ? 下 面 将 介绍 常见 的 版 式 设计 类 型 。 


第 一 节 ”版 式 设计 类 型 


一 、 满 版 型 版 式 设计 

满 版 型 版 式 主要 以 图 像 为 诉求 来 传达 信息 ,图 片 充满 整个 版 面 ,视觉 冲击 力 
强 , 传达 效果 直观 而 强烈 。 满 版 型 是 商品 或 品牌 广告 常用 的 形式 ,把 产品 或 图 像 
放大 ,吸引 人 的 注意 力 ,最终 达 到 宣传 和 促销 产品 的 目的 。 文 字 在 满 版 型 版 式 中 
根据 版 面 的 需要 ,配置 在 上 下 .左右 或 中 部 的 图 像 上 ,整个 版 面 层次 清晰 ,传达 信 
息 准 确 . 大 方 而 玻 朗 。 
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到 3-1 所 示 为 Nike 的 平面 广告 ,设计 师 让 摄影 照片 充满 整个 版 面 ,主题 人 物 的 形象 和 
动态 与 文字 结合 ,清晰 地 传达 出 一 种 与 众 不 同 的 生活 态度 ,也 是 Nike 的 品牌 精神 。 整 个 版 
而 大 气 、 简 洁 ,传达 信息 直 白明 了 。 

到 3-2 所 示 为 一 幅 吸 烟 有 害 健康 的 公益 广告 ,广告 画面 中 以 人 物 为 主体 ,香烟 烟雾 飘 


过 的 半 侧 脸 显得 衰老 ,对 比 强烈 .直观 ,让 观 者 感受 到 吸烟 对 人 容貌 的 改变 ,唤起 对 自身 健 
康 的 关注 ,远离 烟草 。 


(来 源 ， 昵 图 网 ，http:/www.nipic.com/show/ (来 源 : 设计 之 家 ，http://www.sj33.cn) 
4/137/5473520kclc4c/dc.html) 


分 割 即 把 整体 分 成 部 分 ,分 割 也 是 版 式 设计 中 的 重要 手法 之 一 , 它 能 清晰 地 表现 版 再 
1 几 部 分 内 容 构成 及 其 各 部 分 的 大 小 与 层次 。 分 割 型 版 面 灵活 多 变 、 重 点 突出 ,图 文 搭配 
陶 衡 协 调 ,表现 出 一 种 灵活 又 活跃 的 版 面 效 果 。 通 常设 计 师 会 根据 内 容 的 需要 或 者 传达 的 
风格 与 氛围 来 选择 不 同 的 版 面 分 割 方式 , 下 面 介绍 5 种 常见 的 分 割 方法 。 
第 一 种 是 上 下 型 分 割 。 把 整个 版 面 分 为 上 下 两 个 部 分 ,在 上 半 部 或 下 半 部 配置 图 片 ， 
另 一 部 分 则 配置 文案 。 配 置 有 图 片 的 部 分 感性 而 有 活力 ,而 文案 部 分 则 理性 而 静止 。 上 下 
部 分 配置 的 图 片 可 以 是 一 幅 或 多 幅 。 图 3-3 即 运用 了 这 种 分 割 手法 ,上 半 部 的 图 片 直接 、 
鲜明 地 揭示 了 文章 的 主题 , 配 以 下 半 部 的 文字 进一步 阐述 , 上 下 两 部 分 产生 了 强烈 的 动静 
对 比 。 图 3-4 也 可 视 为 上 下 分 割 型 版 式 ,把 宇 母 放大 ,放置 在 版 面 下 方 ,实际 上 起 到 了 图 片 
的 作用 ,产生 大 小 、 基 密 的 对 比 , 增 加 了 版 式 的 趣味 性 。 


看 这 些 新 面孔 


图 3-3 上 下 分 割 型 版 式 ( 1 ) 图 3-4 上 下 分 割 型 版 式 ( 2 ) 


(来 源 : http://www.cnbksj.com/a/ 2011/ (来 源 : http://course.zjnu.cn/wyyssj/kcwz/4-31.html) 
0422/106072.html) 


第 二 种 是 左右 型 分 割 。 即 把 整个 版 面 分 割 为 左右 两 个 部 分 ,分 别 在 左 或 右 配置 文案 。 
由 于 视觉 习惯 上 的 问题 ,左右 型 分 割 两 部 分 往往 会 形成 强 弱 对 比 , 造 成 视觉 心理 的 不 平衡 ， 
看 起 来 似乎 不 如 上 下 分 割 的 视觉 流程 自然 。 但 是 ,可 以 采用 分 割 线 虚 化 处 理 的 方法 ,或 者 
用 文字 进行 左右 重复 或 穿插 ,左右 图 文 则 变 得 自然 和 谐 。 
图 3-5 所 示 为 WOUND 杂志 版 式 设计 。 采 用 左右 分 割 型 版 式 ,左边 的 图 片 中 人 物 效 
仿 了 梦 露 经 典 照 动作 ,并 且 为 避免 与 右边 的 文案 并 置 而 显得 过 于 生硬 ,下 半 部 分 裙 摆 夸 张 
飘逸 到 右 侧 , 打 破 呆 板 , 增 强 版 面 的 韵律 感 。 图 3-6 所 示 是 某 一 报纸 的 版 式 设计 ,内 容 为 楼 
市 的 半年 报 , 采 用 的 也 是 左右 分 割 型 的 版 式 。 房 屋 的 插画 契合 主题 ,而 巧妙 运用 插画 中 最 
大 面积 的 灰色 块 来 做 左右 分 割 ,把 文字 安排 在 其 中 ,使 之 融 为 一 体 ,流畅 和 谐 。 
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图 3-5 ”左右 分 割 型 版 式 ( 1 ) 图 3-6 ”左右 分 割 型 版 式 ( 2 ) 
(来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) (来 源 : http://www.cnbksj.com/a/chenbao/ 


2011/0403/105783.html) 
第 三 种 是 等 形 分 割 。 两 部 分 或 者 各 部 分 分 割 形状 完全 一 样 ,视觉 上 达到 均衡 .稳定 、 
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大 方 而 典雅 的 效果 。 上 面 提 到 的 上 下 型 分 割 和 左右 型 分 割 既 可 以 是 等 形 分 割 ,也 可 以 是 
非 等 形 分 割 。 

第 四 种 是 比例 与 数列 分 割 。 把 数学 的 比例 与 数列 关系 蕴藏 在 版 面 中 ,呈现 出 一 种 具 
有 强烈 秩序 感 .明朗 、 清 新 的 版 面 。 最 常用 的 分 割 法 有 三 分 法 、 数 学 式 逻 辑 、 黄 金 分 割 定 
律 。 三 分 法 是 一 种 简单 的 数学 方法 ,三 个 块 面 之 间 展 现 出 一 种 内 在 的 对 称 关 系 , 它 也 是 一 
种 等 形 分 割 。 数 学 式 逻 辑 是 以 数学 体系 为 基础 确立 间隔 的 另 一 种 比例 方法 ,例如 ,奇数 比 
(1:3:5:7) 和 倍数 比 (1 :2:4:8:16)。 图 3-7 (中 ) 所 示 即 是 以 第 二 种 数学 体系 “ 倍 
数 比 ”作为 依据 的 版 面 分 割 。 

著名 的 黄金 分 割 定律 反映 的 是 一 个 正方 形 和 一 个 矩形 的 关系 。 黄 金 分 割 长 方形 的 本 
身 由 一 个 正方 形 和 一 个 黄金 分 割 的 长 方形 组 成 ,可 以 将 这 两 个 基本 形状 进行 无 限 的 分 割 ,如 
图 3-7 ( 右 ) 所 示 , 由 于 它 自身 的 比例 能 对 人 的 视觉 产生 适度 的 刺激 ,其 长 短 比例 正好 符合 
人 的 视觉 习惯 ,因此 使 人 感到 悦目 。 三 分 法 分 割 版 式 是 设计 中 常用 的 方法 之 一 ,如 图 3-8 
所 示 , 针 对 法 国 大 选 的 报道 将 版 面 划 成 一 分 为 三 的 竖 版 ,左右 放置 了 竞选 双方 ,营造 出 对 峙 
的 感觉 ,同时 配 以 红 蓝 的 冷暖 对 立 色 和 版 面 中 间 大 大 的 VS 标识 ,更 给 人 以 冲突 感 。 


9 国 


图 3-7 三 分 法 ( 左 ) 、 数 学 式 逻 辑 ( 中 ) 、 黄 金 分 割 定律 版 式 分 割 ( 右 ) 
(来 源 : http://sh.print.biz/article_detail-id-232) 


“改变 ,就 是 现在 " 


| 


图 3-8 三 分 法 版 式 分 割 图 3-9 自由 分 割 型 版 式 
(来 源 : http://www.cnbksj.com/a/2012/ (来 源 : http://www.tsinghuapmpx.com/zsk/sjlIn/2417.html) 
0417/111353.html) 


第 五 种 是 自由 分 割 。 不 同 于 比例 分 割 的 整齐 与 规律 ,自由 分 割 版 面 是 将 版 面 不 规则 、 
无 限制 地 自由 分 制 ,使 版 面 产生 活泼 .生动 的 效果 ,如 图 3-9 所 示 。 


三 、 倾 斜 型 版 式 设计 

和 斜 线 ,或 者 说 是 斜 着 的 物体 ,似乎 天 生 有 一 种 张力 。 设 计 中 的 元 素 , 其 倾斜 所 表现 出 的 
视觉 张力 是 视觉 心理 上 的 延伸 力 而 非 物理 上 的 。 当 页 面 过 于 平均 ,画面 平平 毫 无 亮点 时 ， 
打破 平均 尤为 重要 。 打 破 平均 的 方法 有 很 多 ,而 倾斜 型 版 式 设计 似乎 是 设计 中 惯用 的 一 招 。 
这 是 一 种 具有 强烈 动感 的 构图 ,把 图 中 要 素 或 主体 呈 倾 斜 状 放置 ,使 人 产生 一 种 不 稳定 的 
感觉 , 引 人 注 目 ,同时 阅读 者 的 视觉 流程 也 随 倾斜 角度 而 流动 。 倾 斜 型 版 式 通常 使 用 在 广 
告 .海报 或 者 一 些 出 版 物 的 封面 上 ,用 强烈 的 视觉 冲突 使 平静 的 阅读 产生 视觉 跳跃 ,而 引起 
读者 的 关注 。 

在 实际 设计 这 一 类 型 的 版 面 时 , 需 注 意 到 版 面 是 否 留 有 足够 的 空间 来 排列 倾斜 的 元 
素 。 另 外 ,版 面 内 的 元 素 不 宜 过 多 ,为 了 照顾 读者 的 阅读 舒适 性 ,每 一 行 的 文字 长 度 也 要 尽 
量 缩短 。 倾 斜 版 式 的 设计 思路 有 两 种 : 协调 型 和 冲突 型 。 视 觉 元 素 朝 一 个 方向 旋转 ,所 有 
元 素 阅读 时 都 是 一 个 导向 ,这 样 会 形成 一 种 协调 感 。 

如 图 3-10 所 示 , 斜 线 的 张力 让 整个 页 面 富 有 动感 和 延伸 性 , 既 可 为 页 面 起 到 修饰 的 
作用 ,又 能 作为 信息 的 承载 模块 ,两 者 有 机 的 融合 并 没有 让 人 觉得 倾斜 的 标题 不 好 识别 
或 者 有 碍 阅读 ,反之 更 能 让 整个 页 面 富有 形式 感 和 表现 力 。 如 果 把 顺 时 针 方向 旋转 和 首 
时 针 方 向 旋转 的 元 素 组 合 在 一 起 ,这 种 构成 会 更 复杂 和 有 趣 , 导 向 的 冲突 也 增加 了 视觉 
冲击 力 。 图 3-11 所 示 的 海报 作品 便 运 用 了 这 种 方法 ,使 画面 富有 张力 和 冲突 感 ,视觉 中 心 
明确 而 突出 。 


图 3-10 ”倾斜 型 版 式 设计 ( 1 ) 图 3-11 ”倾斜 型 版 式 设计 ( 2 ) 
(来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) (来 源 : 狼 牙 创意 网 ，http://www.logohhh.com) 
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、 三 角形 版 式 设计 
三 角形 相对 于 圆 形 、 四 方形 等 图 形 ,自古 以 来 被 认为 是 最 具有 安全 稳定 因素 的 图 形 。 


因此 ,应 用 在 版 面 设计 中 ,正三 角形 的 版 式 自然 给 人 以 稳定 ,安全 ,值得 信赖 的 感觉 ,同时 正 
三 角形 版 式 的 重心 偏 低 ,也 符合 人 们 的 视觉 流程 特点 与 预期 ,更 加 强 了 这 种 稳定 感 。 与 之 


相反 , 倒 三 角形 版 式 则 给 人 以 动感 和 不 稳定 感 。 三 角形 版 式 如 图 3-12 所 示 。 


图 3-12 三 角形 版 式 
(来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) 
图 3-13 所 示 是 欢乐 谷 的 平面 广告 ,欢乐 谷 的 各 项 游乐 设施 被 集中 安排 在 一 个 三 角形 
的 山坡 上 ,与 背景 的 蓝天 结合 ,营造 了 一 个 阳光 下 欢乐 的 乐园 场景 。 上 部 两 条 边 交 汇 的 位 
置 是 欢乐 谷 的 LOGO 和 主题 文案 。 正 三 角形 版 式 的 运用 既 契 合 了 内 容 , 又 在 形式 上 使 广 
告 的 重点 突出 ,主题 鲜明 。 


(来 源 : http:/hi.baidu.com/dhkxdtxmoxagnqritery/0a1a47dba1df4ced785daa16) 


如 图 3-14 所 示 , 冰激凌 品牌 “ 梦 龙 ” 则 选择 了 
倒 三 角形 版 式 作为 系列 广告 一 一 冰激凌 礼花 的 结构 
形式 。 爆 炸 成 花形 的 巧克力 与 奶 浆 加 上 缤纷 的 色彩 让 
人 自然 联想 到 冰激凌 在 舌尖 融化 给 人 带 来 的 味蕾 上 的 
享受 与 愉悦 , 倒 三 角形 版 式 视觉 中 心 在 上 部 ,给 人 以 轻 
松 .愉快 ,视觉 上 扬 升 的 感觉 ,更 加 深 了 欢乐 的 氛围 。 


五 、 曲 线 型 版 式 设计 

直线 和 曲线 是 决定 版 面 形象 的 基本 要 素 。 直 线 给 
人 以 单纯 .明暗 .庄严 的 感觉 。 曲 线 给 人 以 丰富 .柔软 、 
流畅 的 体验 , 非常 具有 人 性 化 的 趣味 特征 。 曲 线 型 版 
式 在 版 面 结构 上 作曲 线 的 编排 构成 ,插图 与 文稿 依附 
曲线 骨架 排列 ,产生 一 定 的 节奏 和 韵律 。 这 种 编排 方 pe 
式 富 有 生气 和 趣味 ,人 的 视线 随 着 画面 中 各 元 素 的 分 (来 源 : 理想 生活 实验 室 ，http:/ 
布 走向 而 流动 ,给 人 以 充满 动感 活力 的 感觉 ,也 有 效 
地 中 和 了 网 格 设计 的 理性 和 模式 化 的 特征 。 曲 线 型 版 式 根据 不 同 的 内 容 与 处 理 方式 ,能 营 
造 出 柔美 .优雅 .节奏 .舒展 .动感 等 不 同感 觉 。 

在 图 3-15 中 ,曲线 特有 的 悠扬 婉转 与 音乐 一 样 富有 节奏 ,富有 生命 力 的 曲线 .生动 
有 趣 的 插图 使 版 面 轻松 .活泼 。 图 3-16 中 与 插图 风格 一 致 的 书写 文字 斜 向 排列 ,更 添 动 
感 与 活力 。 


My 


图 3-15 “曲线 型 版 式 设计 ( 1) 图 3-16 曲线 型 版 式 设计 (2) NAN 


(来 源 : 中 国 报刊 设计 网 ，http://cnbs.cnrepair.com/a/ (来 源 : http:/www.xuanchuandan.netindex. 
baozhizhuanbansheji/tiyuleibaozhibanmian php?view-966.html) 


sheji/be/2011/1026/109310.html) 
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六 、 自 由 型 版 式 设计 

自由 型 的 版 式 设计 是 指 版 面 中 无 规律 的 结构 ,各 元 素 自由 、 随 意 地 组 合 排列 。 这 种 版 
式 设 计 类 型 没有 网 格 的 约束 ,追求 自由 的 编排 方式 ,在 版 面 上 常常 呈现 出 活泼 .轻快 的 效 


果 。 它 打破 常规 ,更 利于 某 些 设计 创意 的 表达 , 常 被 用 于 个 性 化 .风格 化 的 设计 中 。 如 图 3-17 
和 图 3-18 所 示 。 


图 3-17 自由 型 版 式 设计 ( 1 ) 图 3-18 ”自由 型 版 式 设计 ( 2 ) 
(来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) (来 源 : 第 七 届 中 国 国际 海报 双 车 展 ， 设 计 师 : 耿 鹏 ) 


通常 ,对 版 式 类 型 的 选择 与 要 传达 的 内 容 与 精神 密切 相关 。 尽 管 运用 一 些 基 本 的 版 式 
设计 类 型 可 以 帮助 设计 师 在 最 快 的 时 间 做 出 正确 的 决策 ,又 达到 良好 的 传达 效果 。 但 设计 
是 一 项 富 于 创新 的 工作 ,加 之 有 的 时 候 ,基本 的 版 式 设计 类 型 不 符合 设计 师 的 理想 的 视觉 
呈现 方式 ,自由 的 版 式 设计 (无 网 格 设计 ) 便 适用 于 这 种 情况 。 

虽然 自由 可 以 使 设计 师 拥 有 更 大 的 发 挥 空间 ,并 激发 出 更 卓越 的 设计 创意 ,但 是 如 果 
不 会 控制 ,会 做 出 无 效果 的 设计 。 自 由 也 不 是 绝对 的 ,在 设计 师 的 头脑 中 ,仍然 有 某 些 经 验 
与 准则 在 指导 着 他 的 设计 工作 。 

自由 版 式 具 有 以 下 5 个 基本 特点 。 

(1) 版 心 无 固定 的 疆界 , 即 不 讲究 严谨 对 称 ,也 不 受 条 块 分 割 所 限 。 字 体 、 图 形 、 内 容 
随心 所 欲 自由 编排 ,排列 多 并 且 富 于 变化 ,这 类 作品 往往 具有 强烈 的 个 性 和 独特 性 。 

(2) 字 图 一 体 性 。 版 式 中 的 每 一 个 字体 ,每 一 个 符号 都 是 画面 中 的 排列 元 素 ,字体 常 
常 成 为 图 形 的 一 部 分 , 即 通常 所 说 的 字体 图 形 。 

(3) 解构 性 。 解 构 就 是 对 原 有 古典 和 以 数理 为 基础 的 排版 秩序 结构 的 肢解 ,是 对 正统 
版 面 的 解散 和 破坏 , 它 运 用 了 不 和 谐 的 点 、 线 , 面 等 元 素 与 破碎 的 文化 符号 去 重组 新 型 的 版 


面 形式 。 自 由 版 式 设计 把 解构 主义 理论 运用 到 实际 中 ,其 本 质 与 建筑 中 的 解构 主义 一 脉 
相 承 。 
(4) 局 部 的 不 可 读 性 。 应 版 式 编排 的 需要 和 对 形式 美的 追求 ,设计 者 认为 读者 无 须 读 
懂 的 部 分 ,在 处 理 手 法 上 常常 把 字号 缩小 ,字体 虚 化 处 理 、 重 释 、 复 加 ,其 至 用 计算 机 字库 中 
的 数码 符号 来 反映 当代 高 度 信息 化 的 特点 。 
(5) 字体 的 多 变性 创意 空间 。 相 较 于 古典 与 传统 版 式 ,自由 版 式 设计 更 要 求 不 断 创造 
新 型 且 富 有 现代 感 的 字体 以 满足 版 面 设 计 的 需要 。 
图 3-19 所 示 是 Parco Produce 公演 的 宣传 单 。 这 张 宣传 单 采用 了 完全 自由 的 版 式 
设计 。 设 计 的 出 色 之 处 在 于 主体 文字 横向 排列 , 行 与 行 之 间 倾斜 角度 的 差别 所 形成 的 特 
殊 视觉 感受 。 


为 O)、 血 风 之 立 己 一 ! 
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图 3-19 自由 型 版 式 设计 ( 3 ) 
(来 源 : http://www.leecard.net/index.php?view-888.html) 


第 二 节 ”其 他 类 型 版 式 设计 


一 、 骨 骼 型 版 式 设计 
骨骼 型 版 式 设计 也 可 称 为 网 格 型 设计 。 在 版 式 设 计 中 , 当 需 要 处 理 信息 量 大 而 且 样 式 
复杂 的 作品 时 ,设计 师 面 对 纷 杂 的 信息 , 仅 靠 感性 的 判断 与 处 理 是 很 困难 的 。 为 了 将 丰富 
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的 设计 元 素 合理 又 有 效 地 安排 在 页 面 中 ,运用 网 格 不 失 为 一 种 高 效 的 方法 。 

网 格 , 从 本 质 上 来 说 ,就 是 一 件 设计 作品 的 骨骼 ,所 以 又 把 这 一 类 型 的 版 面 称 为 骨骼 型 
版 式 设计 。 骨 骼 型 设计 通常 运用 于 网 页 与 报纸 .杂志 等 印刷 品 的 设计 中 , 它 的 基本 原理 是 
将 重复 性 的 画面 运用 骨骼 (网 格 ) 分 为 不 同 的 功能 区 域 , 使 图 形 与 文字 的 编排 条 理 有 序 。 
网 格 的 运用 给 设计 带 来 了 秩序 感 和 结构 感 , 它 能 够 把 繁杂 并 毫 无 关联 的 信息 组 织 和 连贯 起 
来 ,使 设计 变 得 高 效 .规范 而 简单 。 

网 格 的 类 型 各 式 各 样 ,不 同 的 网 格 为 不 同 的 内 容 与 目的 服务 。 有 的 网 格 适合 用 来 处 
理 复 杂 的 图 像 与 信息 ,有 的 却 更 适合 处 理 大 量 的 文字 内 容 ,设计 师 可 以 从 中 选择 他 所 需 
要 的 网 格 类 型 。 从 形式 上 来 讲 ,网 格 分 为 对 称 型 .不 对 称 型 .模块 型 .复合 型 和 对 角 / 成 
角 网 格 。 从 风格 上 划分 ,又 可 分 为 古典 型 .现代 型 、 技 术 型 .强势 型 .青年 型 与 自然 秀丽 
型 网 格 。 

分 栏 是 骨骼 型 版 式 设计 中 最 常见 的 一 种 垂直 的 结构 形式 。 一 个 页 面 可 以 有 一 个 或 若 
干 个 分 栏 ,分 栏 数量 取决 于 页 面 文本 元 素 的 总 量 。 在 设计 中 ,分 栏 的 宽度 与 数量 没有 绝对 
的 规则 ,常见 的 有 竖 向 通栏 , 双 栏 、 三 栏 四 栏 和 横向 的 通栏 , 双 栏 、 三 栏 、 四 栏 等 ,一 般 以 竖 
向 分 栏 为 多 。 设 计 师 对 栏 宽 、 字 体 、 分 栏 数量 、 栏 间 空白 尺寸 的 选择 与 把 握 会 对 整个 页 面 的 
外 观 与 易 读 性 产生 很 大 的 影响 。 

有 的 页 面 看 上 去 平静 而 优雅 ,有 的 页 面 则 显得 繁杂 和 凌乱 。 图 3-20 ~ 图 3-22 分 
别 介绍 了 竖 向 通栏 、 竖 向 多 栏 以 及 单元 化 网 格 的 形式 ,这 些 分 栏 像 骨 骼 一 样 支撑 起 
整个 页 面 。 


Single-column grid 单列 网 格 multi-column grid 多 列 网 格 modular grid 单元 化 网 格 


Ca 


单列 网 格 是 最 基本 的 页 面 站 构 
使 用 多 列 网 格 的 方法 有 太 多 种 ， 上 
面 的 例子 空 出 了 专门 一 列 给 图 片 。 单元 化 网 客 有 四 行 四 列 
【也 是 现在 十 分 常见 的 摸 厂 方法 ) 


图 3-20 ” 坚 向 通栏 网 格 图 3-21 坚 向 多 栏 网 格 图 3-22 单元 化 网 格 
(来 源 : http://www.typeisbeautiful. (来 源 : http://www.typeisbeautiful. (来 源 : http://www.typeisbeautiful. 
com/2008/04/60/) com/2008/04/60/) com/2008/04/60/) 


图 3-23 所 示 为 2008 北京 奥运 报纸 版 面 设 计 , 设 计 师 让 图 片 和 文字 等 设计 元 素 严格 地 
按照 网 格 编排 配置 ,营造 出 一 个 极度 严谨 、 和 谐 与 理性 的 版 面 。 


虽然 网 格 被 运用 于 版 面 设计 中 的 主要 目的 是 条 理化 .秩序 化 ,但 网 格 并 不 是 一 个 死板 
的 不容 侵犯 的 设计 工具 , 它 只 是 为 设计 师 提供 了 一 个 参考 结构 来 引导 各 种 设计 元 素 的 布 
局 ,设计 师 完 全 可 以 突破 网 格 ,运用 比例 差异 .对 比 . 层 级 关系 等 各 种 方法 来 创造 出 充满 活 
力 的 作品 。 经 过 相互 混合 后 的 网 格 版 式 既 理 性 .有 条 理 , 又 活泼 而 具有 弹性 ,如 图 3-24 所 
示 , 版 面 既 充满 趣味 又 不 失 秩序 感 ,网 格 的 运用 被 拿捏 得 恰到好处 。 
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图 3-23 ”骨骼 型 版 式 设计 ( 1 ) 图 3-24 ”骨骼 型 版 式 设计 ( 2 ) 
(来 源 : 中 国 报刊 设计 网 ，http://cnbs.cnrepair.com/a/ (来 源 : http://www.uuuu.cc/xinshang/pingmiansheji/ 
baozhi zhuanbansheji/tiyuleibaozhibanmiansheji/ baokan/23431_3.html) 


gu/2011/1029/109352.html) 


二 、 中 轴 型 版 式 设计 

运用 中 轴线 来 布局 文字 与 图 形 的 方法 在 版 式 设计 中 经 常用 到 ,这 大 概 也 是 我 国民 族 传 
统 文化 精神 的 反映 ,从 中 国 传统 绘画 与 书法 的 基本 训练 中 最 常 采用 的 “ 米 字 格 ”和 “九宫 
格 ”, 也 可 以 看 出 我 国 传统 文化 对 中 轴线 布局 美感 的 认同 与 运用 。 

中 轴 型 版 式 设计 是 指 以 版 面 中 一 条 中 轴线 为 基准 ,图 形 与 文字 或 分 布 在 中 轴线 上 ,或 
等 量 等 距离 对 照 . 散 点 排列 ,中 轴线 起 着 明确 或 含 蕾 的 主导 作用 。 这 一 类 版 式 具 有 良好 的 
平衡 感 ,给 人 以 安定 .均衡 .庄重 之 感 。 但 要 想 创造 一 种 活跃 的 .富有 生气 的 美的 平衡 ,还 需 
要 在 处 理 中 轴线 两 侧 各 要 素 时 引 和 对比、 反衬、 变化 .运动 等 因素 , 丰富 中 轴线 的 美感 形式 。 、 
中 轴 型 版 式 设计 可 分 为 纵 轴 式 和 横 轴 式 两 种 类 型 。 图 3-25 所 示 是 纵 轴 式 中 轴 型 版 式 ， 
设计 的 范例 ,整个 版 面 以 人 物 面部 为 中 轴线 ,图 片 与 色彩 完全 对 称 地 分 布 在 轴线 两 侧 ,只 是 
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在 文字 的 细微 处 理 上 做 了 些 对 比 。 由 此 可 得 出 , 纵 轴 式 是 把 各 种 设计 元 素 基本 对 称 地 放 在 
垂直 的 轴 心 线 上 或 者 两 边 ,版 面 的 中 轴线 可 以 是 有 形 的 ,也 可 以 是 无 形 的 。 

横 轴 式 则 恰恰 相反 ,将 各 设计 元 素 做 横 轴 方向 的 排列 ,文案 以 上 下 或 左右 配置 ,这 种 水 
平 排列 的 版 面 往往 给 人 稳定 .安静 .和 平 与 含蓄 之 感 。 图 3-26 所 示 是 一 个 横 轴 式 中 轴 型 版 
式 设计 ,轴线 是 水 平 的 ,版 面 利 用 了 图 像 的 倒影 形式 ,轴线 上 下 分 布 的 文字 元 素 并 未 严格 地 
对 称 排列 ,这 种 小 变化 给 中 规 中 和 矩 的 版 面 带 来 了 一 丝 清新 与 文艺 的 气息 。 
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图 3-25 ” 纵 轴 式 中 轴 型 版 式 设计 图 3-26 ” 横 轴 式 中 轴 型 版 式 设 计 
(来 源 :视觉 同盟 ，http://www.visionunion.com) (设计 者 : 王 殉 ) 


三 、 对 称 型 版 式 设计 

对 称 是 自然 界 中 最 常见 和 最 重要 的 形式 美 规律 。 对 称 常 代表 着 某 种 平衡 .比例 和 谐 
之 意 ,而 这 常常 与 优美 .庄重 联系 在 一 起 , 对称 规律 的 运用 也 常常 给 我 们 的 工作 与 生活 带 
来 便利 。 

对 称 分 为 绝对 对 称 与 相对 对 称 . 上 下 或 左右 对 称 。 同 形 、 同 色 对 称 被 称 为 绝对 对 称 , 绝 
对 对 称 在 心理 上 往往 给 人 以 庄严 隆重. 大 方 .安逸 和 稳重 的 感觉 ,如 图 3-27 所 示 。 但 如 果 
处 理 不 好 ,也 会 给 人 留 下 呆板 和 单调 的 印象 无论 怎样 杂乱 的 元 素 只 要 采用 对 称 加 以 处 理 ， 
就 会 带 来 秩序 与 平衡 。 

设计 中 ,为 了 避免 过 于 刻板 ,一 般 多 采用 相对 对 称 手法 。 相 对 对 称 是 一 种 宏观 上 的 对 
称 ,而 局 部 又 有 变化 的 对 称 形式 ,给 人 以 庄重 整齐 与 和 谐 的 美感 。 如 图 3-28 所 示 , 设 计 师 
在 宏观 对 称 的 前 提 下 ,做 了 更 为 大 胆 的 处 理 ,对 称 的 底 图 使 版 面 看 上 去 稳定 ,文字 块 的 穿插 
又 使 画面 充满 了 生气 与 灵动 ,冲淡 了 刻板 和 单调 的 感觉 。 


图 3-27 ”绝对 对 称 的 版 式 设 计 图 3-28 ”相对 对 称 的 版 式 设计 
(来 源 : AD518 网 ，http://www.ad518.com) (来 源 : 视觉 同盟 ，http://www.visionunion.com) 


四 、 重 心 型 版 式 
重心 型 版 式 中 的 重心 有 两 层 含义 : 一 层 含义 是 指 将 某 一 元 素 作 为 主体 ,直接 地 ,轮廓 
分 明 地 占据 版 面 的 中 心 和 焦点 ,其 他 的 元 素 则 作为 辅助 ,围绕 在 主体 元 素 的 周围 ,重点 突 
出 ,主题 明确 ; 另 一 层 含义 是 指 版 面 中 的 图 片 ,文字 等 元 素 的 排列 形成 向 心 或 离心 的 关系 ， 
这 一 类 版 式 也 称 为 重心 型 版 式 。 

向 心 型 的 画面 中 , 视觉 元 素 都 向 版 面 中 心 聚拢 ,而 离心 型 的 版 面 则 相反 ,犹如 将 石子 投 
入 水 中 ,产生 一 圈 一 圈 向 外 扩散 的 弧 线 运 动 ,各 元 素 也 分 布 排列 在 弧 线 上 或 周围 。 这 两 种 
类 型 的 重心 型 版 式 都 会 使 画面 产生 视觉 焦点 ,主题 强烈 而 突出 。 
图 3-29 所 示 为 第 一 种 类 型 的 重心 型 版 式 ,鲜亮 的 橙色 富有 视觉 冲击 力 与 活力 ,这 与 体 
育 的 精神 与 氛围 十 分 契合 ,无 论 是 在 视觉 的 中 心 焦点 上 放置 的 人 物 图 片 ,还 是 特大 字号 的 
标题 ,还 有 色彩 的 使 用 ,都 与 周围 围绕 配置 的 文字 形成 了 清晰 的 层级 关系 ,整个 版 面 大 气 而 
又 清晰 醒目 。 
图 3-30 所 示 是 典型 的 向 心 型 的 重心 型 版 式 。 版 面 的 主题 是 秋季 时 装 的 趋势 ,这 从 直 
接 占据 视觉 焦点 的 模特 图 片上 便 可 以 清晰 地 捕捉 到 。 除 此 之 外 ,所 有 的 标题 与 文字 都 属于 
第 二 层级 ,起 着 进一步 解释 说 明 的 作用 ,这 些 完全 符合 重心 型 版 式 的 特征 。 画 面 中 ,模特 图 
片 的 排列 都 指向 版 面 中 心 , 犹如 一 个 个 箭头 将 人 的 视线 引导 到 整个 版 面 的 核心 区 域 , 进 一 
步 强化 了 版 面 聚 拢 的 趋势 ,同时 又 通过 巧妙 的 排列 使 画面 富有 趣味 性 。 
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肪 式 设计 ( 第 ? 旅 ) 


图 3-29 ”重心 型 版 式 设计 
(来 源 : http://www.bobd.cn/design/ 
graphic/works/media/200701/ 
16711_7.html) 


图 3-31 是 一 个 离心 型 的 重心 型 版 式 。 其 中 


图 3-30 ”向 心 型 的 重心 型 版 式 设计 


(来 源 : 


http://www.uuuu.cc/xinshang/pingmiansheji/ 
baokan/23451.html) 


ph, 图 3-31 (a) 是 利用 手指 透视 加 放射 线形 


成 画面 离心 效果 ,与 “ 绽 ” 这 一 主题 紧 紧 相 扣 ; 图 3-31 (b) 是 倾斜 的 视 平 线 .文字 与 直 
升 机 构成 的 离心 型 的 重心 型 版 式 ,版 面 虽然 色彩 单一 , 却 动感 十 足 。 


(a) 


3-31 


离心 型 的 


心 型 版 式 设计 


(来 源 : AD518 网 ，http://www.ad518.com) 
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Padage deals: How l00-calore snack portions measure up 


五 、 并 置 型 版 式 设计 

并 置 原 为 一 种 修辞 语言 ,就 语言 本 身 的 词汇 意义 而 言 ,是 指 两 件 事物 并 列 放 置 和 共同 
时 的 相互 映照 。 现 代 艺术 赋予 了 并 置 新 的 意义 , 并 置 并 不 是 简单 地 把 两 个 事物 放置 在 
重要 的 是 两 者 间 的 关系 和 从 关系 中 折射 出 的 价值 与 意义 等 。 作 者 的 观念 不 再 凸显 而 
退 ,从 而 使 画面 自己 说 话 。 

在 版 式 设计 中 ,将 相同 或 不 同 的 图 片 作 并 置 重复 排列 , 视 为 并 置 型 版 式 设 计 。 这 一 
面 有 比较 .详解 的 意味 ,有 的 更 具 强 烈 的 解说 感觉 ,因而 多 用 于 说 明 性 的 图 文 资料 。 
并 置 型 版 式 设计 类 型 来 处 理 多 而 繁杂 的 视觉 元 素 时 ,能 给 予 原本 复杂 喧 闵 的 版 面 以 
安静 、 调 和 与 节奏 感 ,图 3-32 所 示 就 是 一 个 很 好 的 例子 。 版 面 意 为 说 明 平 时 常 吃 
食 中 的 卡路里 含量 ,以 100 卡路里 为 例 ,其 对 应 多 少 份额 的 零食 。 并 和 置 型 版 式 的 运 
画面 条 理 清晰 、 直 观 明了 ,读者 可 以 一 目 了 然 地 得 出 每 种 食物 卡路里 含量 的 高 低 ,图 
是 最 好 的 说 明 , 几 乎 不 再 需要 数字 来 补充 , 而且 图 片 间 也 形成 了 直观 的 对 比 关系 ,更 
读者 的 理解 。 
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图 3-32 ”并 置 型 版 式 设计 ( 1) 
(来 源 : http://www.bobd.cn/design/graphic/works/media/200705/17685.html) 


相同 元 素 的 并 置 与 变异 是 这 类 版 面 常用 的 技法 。 图 3-33 所 示 为 某 品牌 啤酒 的 广告 ， 


4 个 相同 的 啤酒 瓶 并 列 放置 ,占据 了 整个 画面 ,唯一 的 变化 就 是 其 中 一 个 瓶子 的 瓶 盖 变 成 


了 奶 


的 社会 责 


刻 地 


嘴 。 原 来 这 是 一 幅 公 益 广 告 ,宣传 孕期 或 哺乳 期 女性 饮酒 对 婴儿 的 伤害 ,体现 了 企业 
任 。 通 篇 广告 没有 更 多 的 图 片 . 文 字 和 符号 等 说 明 , 简 单 的 并 置 与 变异 关系 便 深 


阐释 了 主题 ,发 人 深 省 。 
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图 3-33 ”并 和 置 型 版 式 设计 ( 2 ) 
(来 源 : http://www.3lian.com/show/2010/08/3598.html) 


As 

实 入 艺术 书籍 内 页 版 式 设计 

设计 任务 及 要 求 如 下 。 

(1) 为 一 本 现代 艺术 设计 书籍 做 内 页 版 式 设计 ,要 求 追求 版 面 的 现代 感 与 艺术 性 , 打 
破 常规 的 固定 的 版 式 设计 方式 。 


(2) 版 式 追求 整体 格局 的 自由 性 与 可 变性 ,但 又 形成 统一 的 风格 , 且 具 有 内 在 的 结构 
性 。 图 片 的 排列 方式 不 拘 一 格 , 文 字 、 图 片 的 排列 根据 具体 内 容 自 由 变化 。 
该 设计 实 训 的 榜样 作品 如 图 3-34 所 示 。 


图 3-34 ”艺术 书籍 内 页 版 式 设计 作品 
(设计 者 : 许 舒 云 ) 


Rn 
,所 所 | 书籍 版 式 内 页 设计 

书籍 版 式 内 页 术语 如 下 。 

(1) 版 心 : 指 每 面 书 页 上 的 文字 部 分 ,包括 章 ( 节 ) 
标题 .正文 以 及 图 表 、 公 式 等 。 

(2) 版 口 : 指 版 心 左 . 右 .上 、 下 的 极限 ,在 某 种 意义 
上 即 指 版 心 。 严 格 来 说 ,版 心 以 版 面 面 积 来 计算 范围 ,版 
口 以 左 . 右 .上 .下 周边 计算 范围 ,如 图 3-35 所 示 。 

(3) 超 版 口 : 指 超过 左右 或 上 下 版 口 极限 的 版 面 。 

(4) 直 ( 坚 ) 排 本 : 翻 口 在 左 , 订 口 在 右 ,文字 从 上 
至 下 , 字 行 由 右 至 左 , 多 用 于 古书 ,如 图 3-36 所 示 。 

(5) 横 排 本 : 翻 口 在 右 , 订 口 在 左 ,文字 从 左 至 右 ， 
字 行 由 上 至 下 ,如 图 3-37 所 示 。 


(6) 天 头 : 书页 上 端 空白 。 地 肢 
(7) 地 脚 : 书页 下 端 空白 。 
(8) 页 : 与 张 意义 相同 ,一 页 即 两 面 。 图 3-35 版 心 与 版 吕 


(9) 暗 页 码 : 不 排 页 码 而 又 占 页 码 。 

(10) 插页 : 指 凡 版 面 超过 开本 范围 的 ,单独 印刷 , 插 装 在 书刊 内 , 印 有 图 或 表 的 单 页 。 
有 时 也 指 版 面 不 超过 开本 ,纸张 与 开本 尺寸 相同 ,但 用 不 同 于 正文 的 纸张 或 颜色 印刷 的 
书页 。 


图 3-36 ” 坚 排 本 图 3-37 ” 横 排 本 


第 三 章 项 定 版 面 的 合体 效 司 


FN 本 了 解 什么 是 版 式 设计 的 视觉 流程 。 


(2) 认 知 人 的 视觉 的 感觉 和 知觉 。 

(3) 认 知 人 的 视觉 特征 与 视觉 流程 的 运动 规律 。 
(4) 了 解 什 么 是 视觉 中 心 。 

(5) 掌握 视觉 流程 的 艺术 类 型 和 设计 的 常用 形式 。 


LAR 


“版 式 设计 的 视觉 流程 是 一 种 “空间 的 运动 ”, 是 视线 随 着 各 种 视觉 
元 素 在 空间 中 的 运动 轨迹 。 它 利用 视觉 移动 规律 ,通过 合理 的 安排 , 诱 
导 观 者 的 视觉 随 着 版 式 设计 中 各 要 素 的 有 序 组 织 , 从 主要 内 容 、 次 要 内 
容 等 依次 观看 下 去 ,使 观 者 有 一 个 重点 突出 ,清晰 迅速、 流畅 的 信息 接 
收 过 程 。 而 这 个 视觉 在 空间 中 的 流动 线 是 “ 诬 线 " ,故而 常常 被 忽略 。 

对 于 设计 师 而 言 , 视 觉 流程 这 个 “流动 线 ” 是 真实 存在 的 ,设计 师 
根据 人 的 视觉 生理 结构 和 对 视觉 形式 的 心理 感知 的 分 析 , 利 用 视觉 元 
素 的 不 同形 式 完成 引导 读者 视觉 阅读 的 过 程 。 视 觉 流程 是 设计 师 进行 
设计 时 重要 的 科学 依据 ,也 是 设计 师 专业 素质 的 体现 。 

哪些 是 把 握 视觉 流程 的 要 素 , 如 何 让 版 式 上 不 同 层次 的 信息 逐 级 
呈现 出 来 ,如 何 有 效 利用 现 有 的 版 式 形式 ,如 何 把 握 视觉 流程 设计 …… 
都 是 这 个 章节 要 解决 的 问题 ,以 便 读 者 科学 地 掌握 视觉 流程 中 视觉 因 
素 和 艺术 形式 ,做 出 更 多 更 优秀 的 版 式 设计 。 


第 一 节 ”视觉 运动 : 感觉 与 知 
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马赫 1886 年 首先 研究 了 图 形 知觉 ,在 他 的 著作 《感觉 的 分 析 》 一 书 中 写 到 , 我 们 看 
不 到 视觉 空间 中 的 视 像 ,而 是 知觉 到 我 们 周围 具有 各 种 各 样 的 感性 属性 的 物体 。 并 且 , 看 
到 局 部 的 物象 就 可 以 感知 到 物体 整体 的 感受 。 人 的 这 种 心理 现象 是 人 脑 对 客观 现实 的 反 
映 , 客 观 现实 是 十 分 丰富 多 彩 的 ,人 的 心理 现象 也 是 复杂 多 样 的 。 感 觉 和 知觉 是 比较 简单 
但 很 重要 的 心理 现象 。 


一 、 什 么 是 感觉 

感觉 是 人 脑 对 直接 作用 于 感受 器 的 客观 事物 的 个 别 属性 的 反映 。 人 主要 有 5 种 感官 : 
视觉 .听觉 .味觉 .嗅觉 . 肤 觉 。 人 通过 感官 产生 感觉 。 形 象 感觉 是 指 外 界 的 简单 刺激 激活 
了 感觉 器 官 中 的 神经 细胞 。 例 如 有 人 在 演奏 乐器 , 可 以 激活 耳 人 条 中 的 细胞 ,因为 我 们 感到 
了 乐曲 的 声音 ; 火苗 的 燃烧 可 以 激活 手 上 和 脸 上 的 细胞 , 因为 我 们 感到 了 火 的 温暖 ; 它 还 
可 以 激发 眼睛 里 的 细胞 ,因为 我 们 能 感到 火苗 的 舞蹈 。 

感觉 是 对 刺激 做 出 的 低级 物理 反应 ,感觉 单独 作用 不 能 产生 任何 意义 。 感 官 向 大 脑 传 
递 信息 ,大 脑 可 以 赋予 它们 意义 。 基 于 这 些 数据 的 结论 几乎 立刻 就 能 形成 声音 .气味 .温度 、 
景象 ,共同 被 大 脑 解读 成 我 们 正在 感受 着 的 愉快 体验 。 一 句 话 ,感觉 是 原始 数据 ,知觉 是 接 
收 感觉 刺激 后 得 出 的 意义 结论 。 

据 相 关 人 员 调 查 得 知 ,在 这 5 种 感官 的 体验 中 ,视觉 的 认 知 度 高 达 70%, 也 就 是 说 我 
们 所 接受 的 大 部 分 信息 都 可 以 通过 视觉 来 间接 感受 。 大 脑 对 视觉 信息 的 识别 可 以 和 其 他 
感觉 器 官 共同 感知 ,就 是 所 谓 的 形象 感觉 的 感知 。 

人 脑 利用 视觉 接收 的 信息 ,可 以 等 同 于 其 他 器 官 接收 到 的 信息 ,这 是 一 种 普遍 的 心理 
现象 。 如 图 4-1 所 示 , 看 到 红色 类 似 火焰 起 伏 的 场景 ,即使 面前 只 是 一 张 纸 ,人 的 皮肤 好 像 
也 体会 到 了 温暖 的 感觉 ,这 就 是 通过 视觉 的 可 信 度 让 观 者 感受 到 与 肤 觉 相 通 的 感受 ;同样 ， 
看 到 水 的 颜色 和 类 似 波 浪 起 伏 的 形状 ,视觉 信息 与 肤 觉 的 感受 也 会 有 共同 的 感受 ,事实 上 ， 
如 图 4-2 所 示 , 只 要 有 类 似 的 颜色 ,即使 不 遵从 客观 物体 的 形态 ,人 们 也 能 从 视觉 感觉 到 类 
似 肤 觉 感知 的 色彩 信息 。 


二 、 什 么 是 知觉 
知觉 是 人 脑 对 直接 作用 于 感受 器 官 的 客观 事物 的 反映 ,但 不 是 对 事物 个 别 属性 的 反 
映 ,而 是 对 事物 整体 的 反映 。 根 据 认 知 理论 ,视觉 过 程 并 不 像 生态 学 研究 方法 认为 的 那 
样 ,只 是 观 者 简单 地 目睹 有 光线 结构 的 物体 ,而 是 它们 积极 地 通过 大 脑 活动 达成 一 种 
卡 罗 琳 * 布 鲁 默 对 视觉 原理 的 研究 确定 了 几 种 能 够 影响 形象 知觉 的 大 脑 活动 方式 : 
记忆 、 投 射 .期 待 .选择 .适应 . 显 化 . 失 谐 . 文 化 和 文字 。 知 觉 是 各 种 感觉 综合 的 结果 ,而 不 
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是 个 别 的 感觉 元 素 相 加 的 结果 。 在 我 们 的 实际 生活 中 ,客观 事物 直接 作用 于 感受 器 官 时 ， 
人 们 头脑 中 反映 的 不 仅 是 事物 的 个 别 属性 ,同时 反映 了 事物 的 整体 , 即 在 以 感觉 的 形式 反 
映 事物 个 别 属性 的 同时 也 反映 了 事物 的 整体 。 


图 4-1 英国 Barnbrook 工 作 室 的 书籍 作品 ( 1 ) 图 4-2 ”英国 Barnbrook 工 作 室 的 书籍 作品 ( 2 ) 
(来 源 : http://www.barnbrook.net/fiell.html) (来 源 : http://www.barnbrook.net/fiell.html) 


例如 ,视线 中 有 一 条 花 , 人 的 大 脑 并 非 孤 立地 反映 它 的 红色 ,香味 .多 刺 的 梳 干 …… 而 
是 通过 脑 的 分 析 与 综合 活动 ,从 整体 上 同时 反映 出 它 是 一 条 玫瑰 花 。 所 以 ,在 现实 中 我 们 
对 事物 进行 反映 时 ,往往 仅 感觉 到 事物 的 个 别 属性 ,就 能 知觉 到 这 一 事物 的 整体 。 而 不 可 
能 离开 事物 的 整体 去 感觉 它 的 个 别 属性 ,因而 很 少 有 纯粹 的 感觉 。 所 以 人 们 常常 把 感觉 和 
知觉 合 称 为 感知 觉 。 

感觉 是 构成 知觉 的 基础 ,没有 感觉 就 不 可 能 有 知觉 。 可 是 知觉 比 感觉 复杂 得 多 ,不 能 
把 知觉 归结 为 感觉 的 机 械 总 和 ,各 种 感觉 一 经 构成 知觉 , 便 有 机 地 发 生 联系 。 知 觉 除 反映 
事物 的 个 别 属性 外 ,还 反映 事物 个 别 属性 之 间 的 关系 。 例 如 ,音乐 曲调 实际 上 是 由 许多 单 
音 组 成 的 ,一 个 曲调 绝 不 是 许多 单 音 的 简单 拼凑 , 它 听 起 来 是 完整 的 旋律 。 这 是 由 于 各 个 
单 音 之 间 具 有 不 同 的 关系 ,于 是 有 机 地 组 成 了 整体 。 由 此 可 见 , 个 别 属性 之 间 的 关系 在 知 
觉 过 程 中 具有 重要 意义 。 

还 有 一 点 ,知觉 还 包含 其 他 一 些 心理 成 分 。 例 如 ,过 去 的 经 验 以 及 人 的 倾向 性 常常 参 
与 到 知觉 过 程 中 ,因而 当 我 们 知觉 一 个 对 象 时 ,可 以 用 词 说 出 知觉 对 象 的 名 称 。 对 同样 一 
个 对 象 可 以 作出 不 同 的 反映 。 在 图 4-3 中 ,你 看 到 的 钱币 也 可 以 变幻 出 一 个 建筑 的 模型 ， 
在 图 4-4 中 ,设计 主体 形态 是 玉米 的 形态 ,产生 的 结构 却 在 于 它 的 组 成 ,而 不 是 原形 ,给 
观察 者 一 个 新 的 认 知 。 


三 、 感 觉 和 知觉 的 功用 

马赫 在 他 的 著作 《感觉 的 分 析 》 书 中 曾 分 析 过 一 个 原理 ,就 是 心理 的 东西 和 物理 的 东 
西 完全 平行 的 原理 ,进而 认为 任何 心理 的 东西 都 有 一 个 物理 的 东西 与 之 相对 应 , 反 过 来 也 
一 样 。 那 么 ,从 这 个 角度 分 析 , 感 觉 和 知觉 是 同时 存在 的 , 且 有 一 定 的 内 在 联系 。 
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(来 源 : http://doylepartners.com) (来 源 : http://doylepartners.com) 


( 一 ) 感知 完 是 认识 的 开端 

人 对 客观 世界 的 认识 过 程 是 从 感知 开始 的 ,从 理论 上 说 是 从 客观 事物 的 个 别 属性 的 认 
识 开始 的 。 通 过 感知 ,人 们 获得 了 关于 周围 事物 的 特性 以 及 自己 身体 方面 的 最 初 的 感性 知 
识 。 假 如 没有 感知 觉 ,人 类 将 不 能 获得 任何 知识 ,“ 任 何 知 识 的 来 源 ,在 于 人 的 肉体 感官 对 
客观 外 界 的 感觉 ”。 

( 二 ) 感知 党 是 一 切 以 理 现 所 的 基 础 

感知 觉 是 比较 简单 的 心理 过 程 ,但 是 它 却 给 高 级 的 ,复杂 的 心理 过 程 提 供 了 必要 的 基 
础 。 记 忆 、 想 象 .思维 等 高 级 心理 过 程 无 不 建立 在 感知 觉 的 基础 之 上 。 

知觉 的 产生 是 在 多 种 刺激 物 的 直接 作用 下 ,同一 分 析 器 的 不 同 部 分 或 不 同 分 析 器 书 
活动 的 结果 。 由 于 同一 分 析 器 的 不 同 部 分 或 多 种 分 析 器 的 协同 活动 ,人 脑 就 可 以 对 事物 的 
诸多 属性 产生 综合 的 .整体 的 反映 。 例 如 ,对 彩色 图 片 的 知觉 就 是 视 分 析 器 不 同 部 分 协同 
活动 的 结果 ; 对 玫瑰 花 的 知觉 , 则 是 在 形 . 色 、 味 .多 刺 等 多 种 属性 的 刺激 作用 下 , 视 、 嗅 . 触 
等 不 同 分 析 器 协同 活动 的 结果 。 
总 之 ,视觉 传播 既 需 要 依靠 眼睛 ,也 要 借助 大 脑 ,感觉 和 知觉 积极 灵活 、 充 满 好 奇 的 头 
脑 能 够 创造 性 地 记忆 和 使 用 视觉 信息 。 人 通过 感觉 和 知觉 在 大 脑 中 形成 记忆 、 投 射 .期 待 、 
选择 .适应 . 显 化 . 失 谐 . 文 化 和 文字 ,这 些 信息 可 以 通过 设计 来 界定 ,凭借 对 物象 的 感知 去 
设计 ,考量 观 者 接收 到 信息 时 候 的 感知 觉 , 让 观 者 高 效 地 接收 到 有 意义 的 信息 。 
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第 二 节 ”人 的 视觉 特征 与 视线 流动 规律 


一 、 人 的 视觉 特征 

鲁 道 夫 * 阿 恩 海 姆 说 过 :“ 所 谓 视 觉 ,实际 上 是 通过 创造 一 种 与 刺激 材料 的 性 质 相 对 
应 的 一 般 形式 结构 ,来 感知 眼前 的 原始 材料 的 活动 。” 感知 活动 也 可 以 说 是 一 个 成 像 过 程 ， 
成 像 之 后 与 人 体 的 各 个 感官 产生 共鸣 ,形成 视觉 感受 。 

视觉 依靠 眼睛 的 晶状体 成 像 ,感光 细胞 感光 ,并 且 将 光 信号 转换 为 神经 电流 , 传 回 大 脑 
引起 人 体 视觉 ,感光 细胞 的 感光 主要 靠 一 些 感光 色素 ,感光 色素 的 形成 是 需要 一 定时 间 的 ， 
这 就 形成 了 视觉 暂 留 的 机 理 。 

人 眼 在 观察 景物 时 , 光 信号 传人 大 脑 神经 需 经 过 一 段 短暂 的 时 间 , 光 的 作用 结束 后 , 视 
觉 形 象 并 不 立即 消失 ,这 种 残留 的 视觉 称 “后 像 ”, 视 觉 的 这 一 现象 则 被 称 为 “视觉 暂 留 ”。 
这 是 光 对 视网膜 所 产生 的 视觉 在 光 停止 作用 后 , 仍 保留 一 段 时 间 的 现象 ,其 具体 应 用 是 电 
影 的 拍摄 和 放映 。 视 觉 暂 留 是 由 视神经 的 反应 速度 造成 的 ,其 时 值 是 1/24 秒 。 它 是 动画 、 
电影 等 视觉 媒体 形成 和 传播 的 根据 。 

人 的 视觉 特征 主要 由 下 面 几 个 因素 构成 。 

视野 : 人 的 头 部 与 眼球 处 于 固定 状态 时 所 看 到 的 空间 范围 ,视野 反映 着 视网膜 的 普遍 
感光 机 能 的 状况 。 

视角 : 是 指 被 视 物 的 两 端点 光线 投入 眼球 时 的 相交 角度 , 它 与 观察 距离 和 所 视 物 体 两 
点 距离 有 关 。 

视 距 : 是 指 观 者 眼睛 至 被 视 物 之 间 的 距离 。 

视力 : 又 称 视 敏 度 ,是 指 眼睛 分 辨 物体 细微 结构 的 最 大 能 力 。 

光 适 应 : 又 称 明度 适应 ,是 指 眼 睛 对 光亮 程度 的 适应 性 ,分 为 瞳 适 应 和 明 适 应 两 种 。 

错 视 : 是 指 视觉 形态 受 光 、 形 、 色 等 视 知觉 要 素 的 干扰 ,在 人 的 视觉 中 所 产生 的 错误 
感觉 , 亦 即 主观 判断 的 意象 与 客观 实在 的 物象 之 间 存在 着 不 一 致 的 现象 。 


二 、 视 线 流动 规律 

在 视觉 心理 学 家 的 研究 中 , 视觉 运动 规律 是 其 成 果 之 一 。 视 线 水 平移 动 比 垂直 移动 快 ， 
水 平方 向 尺寸 的 判断 比 垂直 方向 准确 , 视线 移动 方向 习惯 上 是 从 左 至 右 , 自 上 而 下 ， 阅读 
习惯 是 跳跃 式 的 ,一 行文 字 跳 跃 3 ~ 7 次 比较 合适 ; 一 条 垂直 线 在 页 面 上 ,会 引导 视线 作 
上 下 的 视觉 流动 ， 斜 线 比 垂直 线 ,水 平 线 有 更 强 的 视觉 诉求 力 ; 逢 形 的 视线 流动 是 向 四 方 
发 射 的 , 圆 形 的 视线 流动 是 辐射 状 的 ; 三 角形 则 随 着 顶 角 的 方向 使 视线 产生 流动 ; 各 种 
图 形 从 大 到 小 逐 层 排列 时 ,视线 会 强烈 地 按照 排列 方向 流动 。 例 如 ,人 们 对 图 4-5 的 阅读 
速度 一 定 会 比 图 4-6 快 ,图 4-5 的 视觉 可 信 度 更 高 一 些 ,视线 的 流动 也 是 随 着 图 像 的 透视 
变化 而 移动 的 。 


图 4-5 三 星 广告 (1) 图 4-6 三 星 广告 (2) 


概括 起 来 ,视线 流动 规律 有 以 下 特点 。 

(1) 当 某 一 视觉 信息 具有 较 强 的 刺激 度 时 ,就 容易 为 视觉 所 感知 ,人 的 视线 就 会 移动 
到 这 里 ,成 为 有 意识 注意 ,这 是 视觉 流程 的 第 一 阶段 。 

(2) 当 人 们 的 视觉 对 信息 产生 注意 后 ,视觉 信息 在 形态 和 构成 上 具有 强烈 的 个 性 , 形 
成 周围 环境 的 相 异 性 ,因而 能 进一步 引起 人 们 的 视觉 兴趣 ,在 物象 内 按 一 定 顺 序 进行 流动 ， 
并 接受 其 信息 。 

(3) 人 们 的 视线 总 是 最 先 对 准 刺 激 力 强度 最 大 之 处 ,然后 按照 视觉 物象 各 构成 要 素 刺 
激 度 由 强 到 弱 地 流动 ,形成 一 定 的 顺序 。 

(4) 视线 流动 的 顺序 还 要 受到 人 的 生理 及 心理 的 影响 。 由 于 眼睛 的 水 平 运动 比 垂直 

运动 快 ,因而 在 观察 视觉 物象 时 ,容易 先 注意 水 平方 向 的 物象 ,然后 再 注意 垂直 方向 的 物 

象 。 人 的 眼睛 对 于 画面 左上 方 的 观察 力 优 于 右上 方 ,对 右 下 方 的 观察 力 又 优 于 左下 方 , 因 
一 般 广 告 设计 均 把 重要 的 构成 要 素 安排 在 左上 方 或 右 下 方 。 

(5) 由 于 人 们 的 视觉 运动 是 积极 主动 的 ,具有 很 强 的 自由 选择 性 ,往往 选择 所 感 兴 
的 视觉 物象 而 忽略 其 他 要 素 , 从 而 造成 视觉 流程 的 不 规划 性 与 不 稳定 性 。 

(6) 具有 相似 性 的 因素 组 全 在 一 起 有 引导 视线 流动 的 作用 ,如 形状 的 相似 .大 小 的 相 
似 、 色 彩 的 相似 .位 置 的 相似 等 。 


三 、 视 线 流动 的 特征 

视觉 流程 像 一 条 流动 的 线 , 常 常会 体现 明显 的 方向 性 来 引导 阅读 过 程 。 这 条 流动 的 虚 
线 在 正确 地 指引 着 设计 师 进行 版 面 设 计 , 它 有 如 下 特征 。 

( 一 ) 视觉 流程 的 逻辑 性 

版 面 设计 首先 要 符合 人 们 认识 的 心理 顺序 和 思维 活动 的 逻辑 顺序 ,故而 ,版 面 内 容 构 
成 要 素 的 主 次 顺序 应 该 与 主题 一 致 。 像 图 片 所 提供 的 可 视 性 比 文字 更 具 直观 性 ， 把 它 作为 
版 面 设计 的 视觉 中 心 ,比较 符合 人 们 在 认识 过 程 中 先 感性 后 理性 的 顺序 。 \ 

( 二 ) 视觉 流程 的 节奏 性 

节奏 作为 一 种 形式 的 审美 要 素 ,不 仅 能 提高 人 们 的 视觉 兴趣 ,而 且 在 形式 结构 上 也 利 
于 视线 的 运动 。 它 在 构成 要 素 之 间 的 位 置 上 要 造成 一 定 的 节奏 关系 ,使 其 有 长 有 短 , 有 急 


第 四 章 旅 式 设计 的 视觉 流程 


064 


版 式 运 计 (第 2 版 ) 
有 缓 ,有 下 有 密 , 有 曲 有 直 , 形 成 心理 的 节奏 ,以 提高 观 者 的 阅读 兴趣 。 

视觉 流程 的 节奏 把 握 可 以 依靠 图 形 大 小 的 转变 ,也 可 以 是 色彩 明度 的 逐渐 降低 ,只 要 
在 版 式 中 有 类 似 相关 联 的 因素 出 现时 ,在 统一 中 遵循 一 定 的 规律 进行 变换 ,就 会 有 节奏 的 
产生 。 如 图 4-7 所 示 , 设 计 的 视觉 流程 就 是 从 闭合 的 最 大 的 圆 形 向 周围 的 图 形 引导 ;图 4-8 
所 示 的 设计 是 从 辨识 度 最 高 的 黄色 、 检 色 、 蓝 色 最 后 到 深蓝 色 , 利 用 色彩 明度 的 变化 引导 视 


图 4-7 ”匈牙利 自由 设计 师 Aron Jancso 图 4-8 匈牙利 自由 设计 师 Aron Jancso 
字体 海报 作品 ( 1 ) 字体 海报 作品 (2 ) 

(来 源 : http://www.3visual3.com/poster/ (来 源 : http://www.3visual3.com/poster/ 
2012041814914.html) 2012041814914.html) 


( 三 ) 视觉 流程 的 诱导 性 

现代 的 版 式 设 计 上 ,十 分 重视 如 何 引 导 观 众 的 视线 流动 。 设 计 师 可 以 通过 适当 的 
编排 左右 人 们 的 视线 ,使 其 按照 设计 意图 进行 顺序 流动 。 用 什么 要 素 捕捉 观众 的 视觉 注意 
力 呢 ? 
为 了 使 版 面 产 生 良好 的 视觉 诱导 效果 ,也 为 了 烘托 版 面 主题 和 增加 画面 兴趣 ,商业 广 
告 常用 俊男 美女 作为 版 面 的 广告 人 物 形 象 ,采用 美妙 的 动 与 静 的 姿态 吸引 人 们 的 视线 。 
如 图 4-9 所 示 , 当 人 们 的 视线 接触 到 直立 的 人 物 形象 时 ,就 会 从 人 的 脸 部 开始 ,到 胸 、 腰 、 腹 、 
脚 , 作 从 上 而 下 的 视线 流动 ,最 后 停留 到 产品 或 商标 上 。 如 果 人 们 的 视线 接触 的 是 横 卧 的 横 
长 形 的 人 物 形象 ,就 会 从 左 到 右 ( 或 从 右 到 左 ) 进行 视线 流动 ,最 后 到 达 广告 的 诉求 重心 。 

安排 人 物 形象 的 动 势 时 ,一 般 均 让 人 物 形象 的 视线 朝向 版 面 的 内 部 ,其 他 手 、 脚 的 动态 
设计 也 要 配合 视线 的 方向 ,做 出 有 运动 感 的 姿势 , 以 强调 视线 的 方向 ,引导 观众 的 视线 从 人 
物 形象 的 脸 部 开始 , 顺 着 手 、 身 的 动 势 一 步 一 步 地 引导 至 广告 的 诉求 重心 。 如 果 人 物 形象 
之 视线 朝向 于 版 面 之 外 部 , 则 观众 的 视线 流动 就 会 中 断 ,视觉 流程 的 设计 就 不 能 发 挥 它 预 
期 的 功能 。 图 4-10 所 示 的 作品 就 是 按照 人 的 动 势 去 设计 的 视觉 流程 。 
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图 4-9” 俄 克拉 何 马 州 当代 艺术 中 心 视觉 系统 (1) ”图 4-10 ” 俄 克 拉 何 马 州 当代 艺术 中 心 视觉 系统 ( 2 ) 
(来 源 : http://www.ad110.com/hi/blogview.asp?logID= (来 源 : http://www.ad110.com/hi/blogview.asp?logID= 
873) 873) 
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如 何 能 高 效 地 实现 版 面 的 视觉 传达 ? 除了 纸张 的 大 小 ,还 有 一 个 非常 重要 的 因素 ,就 
是 视觉 的 可 视 区 域 ,也 就 是 视 区 分 布 的 规律 , 它 主要 包含 了 人 的 视野 范围 规律 ,视觉 清晰 规 
律 和 视觉 流向 规律 。 


一 、 视 野 范围 规律 

在 不 转动 头 部 的 情况 下 (眼睛 不 动 的 情况 下 ), 人 类 的 眼睛 垂直 方向 的 视野 范围 是 
120” ~ 140” 。 水 平方 向 时 一 只 眼睛 的 视野 范围 约 是 150* ,双眼 为 180”~ 200" 。 两 侧 眼 
睛 所 共有 的 领域 垂直 方向 约 为 60” ,水 平方 向 约 为 90" 。 垂 直方 向 人 眼 的 最 佳 视 区 是 在 视 
平 线 以 上 10" 至 视 平 线 以 下 30" 范围 , 视 平 线 以 上 30" 至 视 平 线 以 下 30" 范围 为 良好 视 区 ， 
视 平 线 以 上 60" 至 视 平 线 以 下 70" 为 有 效 视 区 。 


二 、 视 觉 清晰 规律 

想 要 清楚 地 看 清 物体 ,当然 视觉 领域 的 角度 会 变 窄 ,垂直 和 水 平方 向 都 会 变 成 约 25° 。 
大 部 分 的 情况 下 ,人 都 用 眼睛 看 东西 ,所 以 在 不 转动 头 的 状态 下 ,只 能 关注 到 这 一 区 域 之 内 
的 空间 。 中 心 视角 15" 以 内 是 最 佳 视 区 ,人 眼 的 识别 力 最 强 ; 中 心 视角 20" 范围 内 是 瞬息 
视 区 ,人 眼 可 在 极 短 的 时 间 内 识别 物体 形象 ,可 识别 复杂 的 文字 和 图 片 ; 中心 视角 30* 了 
内 是 有 效 视 区 ,人 眼 需 集中 精力 才能 识别 物象 , 可 识别 字母 和 简单 的 符号 图 形 ， 中 心 视 
60" 以 内 是 色彩 视 区 ,人 眼 可 辨别 颜色 ; 中 心 视角 124" 范围 内 为 最 大 视 区 ,人 眼 对 处 于 1 
视 区 边缘 的 物象 较 难 识别 清晰 。 
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三 、 视 觉 流 向 规律 

我 们 习惯 从 左边 看 到 右边 ,即使 在 阅读 时 也 是 这 样 。 所 以 现在 书籍 的 排版 大 多 是 水 了 
视觉 从 左 至 右 ,遵循 视觉 流向 规律 。 

视觉 远近 流动 指 的 是 当 人 在 远近 时 ,眼睛 先 看 哪个 位 置 ,是 上 方 还 是 下 方 ,视线 是 怎么 
变化 的 。 在 近 距 离 时 ,视线 先 看 到 腿 部 并 从 下 往 上 移动 。 在 3m 远 的 地 方 看 时 ,最 先 看 到 的 
是 正面 ,然后 是 下 面 , 在 远 距 离 观 看 时 ,最 先 映 入 眼帘 的 是 上 面 ,然后 视线 会 自然 向 下 移动 。 
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四 、 根 据 视 觉 流动 规律 划分 区 域 
在 实际 设计 中 ,设计 师 利用 视觉 的 流动 规律 来 设计 版 面 的 布局 ,划分 版 面 。 
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视觉 中 心 是 指 人 的 视野 在 一 个 平面 中 的 中 心 点 ,和 这 个 视觉 中 心 相对 应 的 还 有 一 个 概 
念 ,就 是 物理 中 心 。 

通常 ,人 的 视觉 中 心 会 在 物理 中 心 的 偏 上 方 。 有 人 就 此 做 过 这 样 一 个 试验 。 找 一 张 空 
白 平整 的 纸 , 纸 上 一 定 不 要 有 任何 会 影响 视线 的 东西 ,然后 在 纸 上 靠 目测 画 一 条 横 线 ,把 白 
纸 平 均 分 成 上 下 两 半 , 再 画 一 条 竖 线 把 白 纸 平均 分 成 左右 两 半 , 两 条 线 的 交 又 点 就 是 人 的 
视觉 中 心 ,最 后 把 纸 左 右上 下 对 折 , 对 折 之 后 得 到 的 纸 的 中 心 点 会 在 目测 得 到 的 视觉 中 心 
偏 下 方 。 图 4-11 和 图 4-12 所 示 的 设计 就 说 明了 上 述 现象 。 


图 4-11 ”意大利 设计 师 萨 巴 托 最 新 商业 设计 图 4-12 ”杂志 封面 版 式 设计 
(来 源 : http://www.3visual3.com/pm/04290022.htm) (来 源 : 设计 之 家 ，http://www.sj33.com) 


基于 视觉 中 心 的 这 一 特点 ,在 绘画 中 , 很 多 时 候 , 人 们 会 把 画面 的 主要 元 素 放 在 画面 的 
中 心 点 偏 上 一 些 , 也 就 是 视觉 中 心 的 位 置 ,这 一 位 置 通常 是 人 在 观赏 作品 时 最 先 注意 到 的 
一 个 地 方 。 设 计时 候 的 道理 也 是 一 样 的 。 人 了 眼 的 视角 很 小 。 如 果 以 看 得 见 的 标准 来 计算 ， 
人 了 眼 的 视角 约 为 150”; 但 是 如 果 按 看 得 清楚 的 标准 衡量 ,视角 就 只 有 5" 左右 了 。 正 因为 
这 样 ,人 为 了 扩大 视野 范围 ,就 得 转动 眼球 ,左右 顾盼 ,有 时 还 需要 转动 头 部 。 

突出 视觉 中 心 的 方法 如 下 。 

(1) 利用 透视 因素 ,采用 近 大 远 小 的 方法 突出 主题 。 

(2) 采用 近 实 远 虚 的 方法 突出 主题 。 

(3) 采用 对 比 因素 突出 主题 (对 比 度 强 则 近 一 一 突出 ,对 比 度 弱 则 远 一 一 削弱 ) 。 

(4) 利用 冷暖 因素 突出 主题 (暖色 前 进 突出 ,冷色 后 退 削弱 ) 。 

(5) 利用 纯度 因素 突出 主题 (高 纯度 前 进 突出 , 低 纯 度 后 退 削 弱 ) 。 

(6) 利用 遮挡 因素 突出 主题 (主题 在 前 , 陪 体 在 后 ) 。 

视觉 流程 的 形成 主要 是 由 人 类 的 视觉 特性 所 决定 的 。 人 们 在 阅读 时 ,根据 人 的 生理 习 
惯 ,视线 的 流动 有 一 种 普遍 的 规律 ,一 般 是 从 上 到 下 ,从 左 到 右 ,从 面 到 线 再 到 点 的 认 知 过 
程 ,而 这 种 视觉 的 习惯 是 设计 师 通过 设计 元 素来 实现 的 。 

受 生理 结构 限制 ,两 只 眼睛 会 产生 一 个 焦点 ,也 就 是 通常 所 说 的 视觉 中 心 。 对 视觉 中 
心 的 设计 会 有 如 下 情况 ,如 图 4-13 所 示 。 


NA 上 SB 


(a) (b) (c) 
图 4-13 ”视觉 中 心 点 的 4 种 情况 


(1) 当 版 面 中 只 有 一 个 视觉 中 心 的 时 候 ,视线 的 着 眼 点 非常 明确 ,视线 会 先 落 在 视觉 
中 心 上 面 ,然后 根据 设计 师 的 引导 ,完成 阅读 的 过 程 。 

(2) 当 版 面 中 出 现 两 个 视觉 中 心 的 时 候 ,视线 就 会 在 这 两 个 焦点 中 间 来 回 巡 视 , 最 后 
形成 由 两 个 焦点 连接 的 一 条 视线 ,会 给 观 者 造成 一 定 的 困惑 ,使 他 们 不 知道 从 哪里 看 起 。 

(3) 如 果 视 沉 中 心 超过 3 个 , 观 者 的 视线 就 会 在 多 个 焦点 中 逐个 巡视 ,最 后 形成 以 焦 
点 为 端点 的 一 个 视线 区 域 。 N 

(4) 还 有 一 种 是 无 视觉 中 心 的 设计 , 那 就 是 让 版 面 本 身 成 为 一 种 秩序 或 序列 , 元素 
是 等 同 的 状态 ,类 似 重 复 构成 的 形式 ,或 者 使 视觉 中 心 落 在 画面 之 外 ,这 些 都 是 设计 师 们 
断 探索 研究 的 方向 。 

没有 明确 的 视觉 中 心 , 也 就 没有 视觉 层次 的 体现 ,最 后 它 会 混淆 读者 阅读 的 内 容 。 
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以 上 4 种 情形 都 会 成 为 设计 的 依据 。 根 据 视觉 中 心 原理 去 设计 版 面 ,也 就 是 说 ,不 管 是 
一 个 视觉 中 心 .两 个 视觉 中 心 ,还 是 无 视觉 中 心 ,都 可 以 成 为 视觉 流程 的 设计 理由 ,让 读 
者 依照 设计 师 的 视觉 引导 流程 ,按照 一 定 的 顺序 或 形式 有 效 、 快 捷 、 顺 利 地 完成 阅读 的 
进程 。 


第 五 节 视觉 流程 的 类 型 与 设计 


视觉 流程 可 以 从 理性 与 感性 ,方向 关系 的 流程 与 散 点 流程 来 分 析 。 方 向 关系 的 流程 强 
调 逻 辑 ,注重 版 面 的 清晰 脉络 ,似乎 有 一 条 线 , 一 股 气 贯 穿 其 中 ,使 整个 版 面 的 运动 趋势 有 
“主体 旋律 ”, 细 节 与 主体 犹如 树干 与 树枝 一 样 和 谐 。 方 向 关系 流程 较 散 点 关系 流程 更 具 理 
性 色彩 。 方 向 关系 表现 为 以 下 几 种 形式 。 


一 、 单 向 视觉 流程 

单 向 视觉 流程 是 按照 常规 的 流程 规律 ,诱导 观 者 的 视觉 随 着 编排 中 的 各 项 元 素 有 序 组 
织 , 从 主要 内 容 开 始 依次 观看 的 过 程 , 它 使 版 面 的 视觉 流动 更 为 简明 ,能 直接 地 表达 主体 内 
容 , 有 简洁 而 强烈 的 视觉 效果 。 其 表现 为 3 种 方向 关系 : 图 4-14 所 示 是 从 上 往 下 单 向 的 
视觉 流程 设计 ; 图 4-15 虽然 是 用 短线 做 线 的 设计 ,但 实际 上 视觉 的 流向 依然 是 文字 阅读 
的 方式 ,从 左 到 右 , 而 且 图 中 女人 的 动 势 也 对 视觉 流向 做 出 引导 。 
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图 4-14 San Francisco Design Week 设 计 作 品 (1) ”图 4-15 San Francisco Design Week 设 计 作 品 ( 2 ) 


(来 源 : 视觉 同盟 ，http://www.visionunion.com) (来 源 : http://www.ad110.com/hi/blogview.asp?logID= 
855&catelD=1) 


《二 直 向 视 完 流程 

直 向 视觉 流程 具有 稳定 性 ,是 一 种 强 固 的 构图 。 视 觉 依 直 向 的 中 轴线 引导 观 者 的 视线 
作 上 下 流动 。 直 向 视觉 流程 给 人 坚定 .直观 的 感觉 。 如 图 4-16 所 示 , 视 觉 一 直 是 上 下 的 流 
动 过 程 ,给 人 以 稳定 的 感觉 。 
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图 4-16 ”Browns 设 计 作品 
(来 源 : http://www.browns-design.co.uk) 


(二 ) 横向 视 完 流 程 


横向 视觉 流程 是 一 种 安宁 和 平静 的 构图 。 视 觉 会 依 横 向 的 水 平 线 引 导 观 者 的 视线 左 
右 地 流动 ,给 人 稳定 .恬静 之 感 ,如 图 4-17 和 图 4-18 所 示 。 
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图 4-17 ”网 页 设计 
(来 源 : 数字 驿站 ，http://www.k1982.com) 
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图 4-18 《星际 穿越 》 电 影 海报 
(来 源 : 视觉 同盟 ，http://www.visionunion.com) 
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(三 ) 设 向 视 客流 程 

和 斜 向 视觉 流程 具有 运动 感 ,是 一 种 倾斜 的 构图 , 比 之 水 平 线 . 垂 直线 有 更 强 的 视觉 诉求 
力 , 会 把 观 者 的 视线 往 斜 方向 引导 ,以 不 稳定 的 动态 引起 观 者 注意 。 和 斜 向 的 线 引 导 视 线 按 
其 内 角 情 况 而 向 各 自 的 方向 流动 ,一 般 是 从 左上 角 向 右 下 和 角 移动 ,或 从 左下 角 向 右上 角 移 
动 ,给 人 的 运动 冲击 力 较 强 ,如 图 4-19 和 图 4-20 所 示 。 


图 4-19 ”西班牙 海报 设计 图 4-20 ”第 16 届 全 州 国际 电影 节 官方 海报 
(来 源 : 版 式 设 计 很 简单 ， 微 信号 : typography_design) (来 源 : 版 式 设 计 很 简单 ， 微 信号 : typography_design) 


二 、 曲 线 视觉 流程 

曲线 视觉 流程 是 各 视觉 要 素 随 弧 线 或 回旋 线 而 运动 变化 的 视觉 流动 。 曲 线 视觉 流程 
比 单 向 视觉 流程 更 具 节 奏 、 韵 味 和 曲线 美 。 曲 线 流程 的 形式 微妙 且 复 杂 , 可 概括 为 弧 线形 
“C” 和 回旋 形 “S”。 

张 线形 “C” 视 觉 流 程 : 视线 依 圆 环 状 迁 回 于 画面 ,可 长 久 地 吸引 观 者 的 注意 力 ,给 
人 饱满 .扩张 和 一 定 的 方向 感 ,如 图 4-21 所 示 。 

回旋 形 “S” 视 觉 流 程 : 两 个 相反 的 弧 线 相对 统一 。 在 平面 中 增加 深度 和 动感 ,构成 
的 回旋 也 富 于 变化 ,如 图 4-22 所 示 。 


三 、 重 心 视觉 流程 

重心 是 视觉 心理 的 重心 ,可 从 以 下 两 个 方面 理解 。 其 一 ,以 强烈 的 形象 或 文字 独占 页 
面 某 个 部 位 或 完全 充斥 整 版 ,其 重心 的 位 置 因 具体 画面 而 定 。 在 视觉 流程 上 ,首先 是 从 版 
面 重心 开始 ,然后 顺 沿 形象 的 方向 与 力度 的 倾向 来 发 展 视线 的 进程 。 其 二 ,向 心 .离心 的 


[eal 


视觉 运动 ,也 是 重心 视觉 流程 的 表现 。 重 心 的 诱导 流程 
23 


和 图 4-24 所 示 。 
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使 主题 更 为 鲜明 突出 而 强烈 ,如 
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图 4-21 国外 海报 设计 
(来 源 : 版 式 设计 很 简单 ， 微 信号 : typography_design) 


Para menoi 


图 4-23 ”报刊 版 面 设计 作品 
(来 源 : 花瓣 网 ，http:/huaban.com) 


图 4-24 


四 、 反 复 视 觉 流 程 


反复 视觉 流程 是 指 相同 的 或 相似 的 视觉 要 素 做 规律 ,秩序 、 
程 不 如 单 向 ,曲线 和 重心 流程 运动 强烈 ,但 更 富 了 


图 4-22 ”UI 界 面 设计 


(来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) 


Barnbrook 设 计 作品 
(来 源 : http://www.barnbrook.net/saatchigallery1.html) 


节奏 的 逐次 运动 。 其 运动 流 


FF 韵律 和 秩序 美 ,如 图 4-25 和 图 4-26 所 示 。 
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图 4-25 ”优秀 海报 设计 ( 1 ) 
(来 源 : http://shijue.me/show_text/5177a3 
dd8ddf875d5d0000ba) 


五 、 导 向 视觉 流程 


图 4-26 ”优秀 海报 设计 ( 2 ) 
(来 源 : http://shijue.me/show_text/5177a3 
dd8ddf875d5d0000ba) 


导向 视觉 流程 是 通过 诱导 元 素 , 主 动 引导 读者 视线 沿 一 定 方向 顺序 运动 ,由 主 及 次 ,把 
画面 各 构成 要 素 依 序 串 联 起 来 ,形成 一 个 有 机 整体 ,使 重点 突出 ,条 理 清晰 ,发 挥 最 大 的 信 
息 传达 功能 。 编 排 中 的 导线 有 虚 有 实 , 表 现 多 样 ,如 文字 导向 .手势 导向 形象 导向 以 及 视 


线 导向 等 ,如 图 4-27 和 图 4-28 所 示 。 
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图 4-27 ”商业 广告 设计 (1) 
(来 源 : http://www.photophoto.cn/fencengtuku/banshi 
sheji/chuangyi/0280020080.htm) 


六 、 散 点 视觉 流程 


“一 


More authenticity. 
图 4-28 ”商业 广告 设计 (2 ) 


(来 源 : http://www.photophoto.cn/fencengtuku/banshi 
sheji/chuangyi/0280020080.htm) 


散 点 视觉 流程 是 指 页 面 图 与 图 、 图 与 文字 间 呈 自由 分 散 状 态 的 编排 。 散 状 排列 强调 感 


性 .自由 随机 性 、 偶 合 性 ,强调 空间 和 动感 ,追求 新 奇 .刺激 的 心态 , 常 表现 为 一 种 较为 随意 
的 编排 形式 。 
读者 所 阅读 的 版 面 中 ,有 严谨 规律 的 .流程 明朗 的 ,也 有 流程 疏散 甚至 完全 自由 散 点 
的 。 面 对 自由 散 点 的 页 面 , 读 者 仍然 有 阅读 的 过 程 , 即 视线 随 页 面 图 像 ,文字 或 上 或 下 或 左 
或 右 地 自由 移动 阅读 的 过 程 。 这 种 阅读 过 程 不 如 直线 、 弧 线 等 流程 快捷 ,但 更 为 生动 有 趣 。 
也 许 这 正 是 页 面 刻意 追求 的 轻松 随意 与 慢 节 奏 , 如 图 4-29 和 图 4-30 所 示 。 
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图 4-29 ”书籍 插页 设计 ( 1 ) 图 4-30 ”书籍 插页 设计 ( 2 ) 


A 


七 、 最 佳 视 阐 

设计 版 式 时 ,设计 师 应 考虑 将 重要 信息 或 视觉 流程 的 停留 点 安排 在 注目 价值 高 的 位 
置 ,这 便 是 优选 最 佳 视 赋 。 版 面 中 ,不 同 的 视 阅 注目 程度 不 同 , 心 理 上 的 感受 不 同 。 上 部 给 
人 轻快 漂浮 、 积 极 高 昂 之 感 ; 下 部 给 人 压抑 ,沉重 ,限制 、 低 矮 和 稳定 之 印象 ; 左 侧 感觉 轻 
便 、 自 由 、 舒 展 , 富 于 活力 ; 右 侧 感觉 紧 促 .局 限 却 又 庄重 。 

约翰 罗斯 设计 的 书籍 The Lonely Road 和 Invesco, 如 图 4-31 和 图 4-32 所 示 , 版 式 


Bebe le 


图 4-31 约翰 ， 罗 斯 设计 的 The Lonely Road 
(来 源 : http://www.browns-design.co.uk/) 
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图 4-32 约翰。 罗斯 设计 的 /mnvesco 
(来 源 : http://www.browns-design.co.uk) 


设计 注意 页 面 与 页 面 之 间 的 连贯 性 ,利用 版 式 设计 引导 着 读者 的 阅读 进程 。 每 个 页 面 之 中 
的 各 个 元 素 之 间 也 依靠 设计 引导 观 者 的 阅读 进程 ,是 比较 优秀 的 版 式 设计 。 

以 上 几 种 视觉 流程 均 为 方向 和 具象 理性 的 流程 。 在 设计 版 式 方向 性 视觉 流程 时 ,要 注 
意 各 信息 要 素 之 间 间 隙 大 小 的 节奏 感 。 若 间隙 大 ,节奏 减 慢 , 显得 视觉 流程 舒展 ; 而 过 分 
增 大 , 要素 之 间 则 失去 联系 ,彼此 不 能 呼应 ,视觉 流程 减弱 。 若 间隙 小 , 节奏 强 而 有 力 ,信息 
可 视 性 高 ,布局 显得 紧凑 ; 但 间隙 过 小 ,会 显得 紧张 而 拥挤 ,造成 视觉 疲累 ,无 法 清晰 快捷 


地 传达 主题 。 故人 
En 状态 栏 高 60px 
Sm 个 人 中 必 APP 界面 设计 导航 栏 高 132px 

设计 任务 及 要 求 如 下 。 


(1) 设计 一 个 属于 自己 的 中 心 界面 (User Profile) , 依据 
个 人 习惯 与 喜好 处 理 相 关 信 息 ,合理 布局 界面 元 素 , 比 如 账号 
信息 .发 表 过 的 评论 .关注 的 帖子 等 。 

(2) 以 iPhone6 Plus 型 号 为 例 , 其 设计 尺寸 为 1242pxx 
2208px, 如 图 4-33 所 示 。 

(3) 文字 形式 和 图 形 形 式 不 限 ,注意 视觉 流程 设计 ,要 有 一 
定 的 视觉 连贯 性 以 及 艺术 美感 和 意境 。 图 4.33 iPhone6 Plus 

该 设计 实 训 的 榜样 作品 如 图 4-34 所 示 。 设计 版 界面 尺寸 


标签 栏 高 146px 
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图 4-34 ”个 人 中 心 APP 界 面 


> 
守 刀 床 

i 手机 APP 版 式 设 计 

APP (Application) 指 的 是 智能 手机 的 第 三 方 应 用 程序 。 比 较 著 名 的 应 用 商店 有 苹 
果 的 App Store. 谷 歌 的 Google Play Store 、 安 智 市 场 等 。 

APP 界面 设计 越 简单 越 好 ,使 用 户 操作 功能 一 目 了 然 、 视 觉 效 果 便 于 理解 使 用 ,不 应 
该 为 了 好 看 而 增加 没有 必要 的 设计 。 设 计 是 为 人 服务 的 ,设计 师 要 按照 人 的 习惯 而 设计 ， 
以 免 让 用 户 在 心理 上 产生 排斥 ,造成 用 户 流失 。 在 设计 上 要 抓 住 用 户 的 眼球 ,多 研究 用 户 
的 行为 、 动 机、 情景 ,思考 用 户 的 显示 需求 和 潜在 需求 等 。 

在 视觉 设计 上 ,要 有 符合 产品 特质 的 视觉 表现 ,要 能 表现 产品 的 品牌 特征 ,要 有 能 使 目 
标 用 户 群 产生 共鸣 的 视觉 风格 ,要 有 识别 性 很 好 的 应 用 图 标 等 。 

手机 终端 页 面 中 内 容 排 列 一 般 以 水 平 横向 为 主 ,这 样 可 以 呈现 更 多 内 容 , 更 符合 人 的 
阅读 习惯 ,如 图 4-35 所 示 。 垂直 版 式 在 界面 中 用 得 比较 多 ,给 人 坚定 、 理 性 ,简洁 ,如 图 4-36 
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所 示 。 倾 斜 版 式 较 少 单独 出 现 , 一 般 跟 其 他 版 式 结合 设计 ,充满 动感 ,吸引 眼球 。 排 版 时 要 


意 秩序 性 ,不 能 失去 


朴树 : 人 到 中 年 努力 活 成 少年 , 实 属 不 太 容易 


人 ss rn 


近日 ,在 一 个 音乐 节目 中 的 直播 现场 相伴 演唱 李 相同 的 
送别 。 当 他 低头 吟 哺 到 “ 情 干 缕 ， 酒 一 杯 ， 声 声 丙 篇 催 ” 
时 ， 他 面容 抽 描 ， 转 
伴 夺 想起， 人 生 情 ， 妨 不 住 呈 咽 ， 
最 后 ， 他 还 是 肌理 控制 住 闫 拌 的 声音 
歌 。 一 击 终 了 ， 林 树 依 旧 湿 


不 成 声 。 当 


方面 可 能 是 由 于 艺术 上 的 神圣 语 有 
就 像 所 月 亮 与 六 便士 》 一 样 
肉体 甩 开 的 感觉 ， 就 像 伸手 就 能 触 磁 到 没 ， 仿 佛 没 打 是 


应 ， 通 俗 地 说 是 共 克 
把 一 种 灵 进 吧 


样 不 在 


他 的 矛盾 和 疾苦 响起 了 我 人 
我 们 想 抱 住 他 ， 安 丘 他 


© 只 [3 


图 4-35 APP 内 容 版 式 


» 


开 满 朝 精 的 多 秋 ， 我 可 以 邯 挤 一 简 
任意 ， 狂 自 注 上 谅 进 ， 视 虱 寅 入 
幻 出 到 离异 芒 


看 ， 宣 外 物 录 移 空 
如 克 一 通通 哆 光 


图 4-36 ”APP 界 面 垂 直 版 式 


(b) 


证 

人 这 (1) 学 习 如 何 确 定 版 面 的 整体 色调 。 
(2) 了 解 版 面 中 整体 色调 与 局 部 色彩 的 关系 。 
(3) 了 解 版 面 中 的 明 调 、 瞳 调 、 冷 调 、 暖 调 。 
(4) 对 版 面 中 的 色彩 关系 进行 调配 。 


ER 


“在 一 定 程度 上 ,色彩 可 被 称 为 “第 一 视觉 语言 ", 在 版 式 设计 中 万 
为 如 此 。 版 式 设 计 中 的 色彩 对 观看 者 形成 的 视觉 冲击 力 可 以 超越 图 像 
与 字体 ,形成 最 迅速 与 直接 的 影响 。 因 此 ,作为 设计 师 , 需 要 充分 考虑 
色彩 对 观 者 的 直接 作用 ,最 快 地 捕 提 观 者 的 注意 力 , 从 而 使 其 继续 关注 
版 面 中 的 图 像 .文字 ,获取 更 详细 .更 深入 的 信息 成 为 可 能 。 


第 一 节 ”版 面 整体 色彩 的 确定 


一 、 对 色彩 的 认识 与 思考 

色彩 是 引起 人 的 视觉 注意 的 首要 因素 ,是 人 的 视觉 中 最 敏感 的 东西 ,也 是 直 
接 影响 人 的 心理 变化 的 重要 载体 。 通 过 色彩 ,我 们 对 所 看 到 的 事物 产生 了 第 一 
印象 而 色彩 本 身 也 是 具有 一 定 意义 与 暗示 的 媒介 物 , 它 的 呈现 .组 合 .变化 是 
一 种 特定 的 语言 表达 方式 , 带 有 一 定 的 象征 性 。 当 色彩 呈现 于 观 者 眼中 时 ,会 对 
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人 们 产生 一 系列 生理 ,心理 刺激 ,使 人 们 产生 和 形成 一 系列 观念 .情绪 和 想象 。 

在 版 式 设计 中 ,版 面 中 良好 的 色彩 设计 能 吸引 观 者 ,并 对 信息 的 传递 起 到 助 推 作用 ,可 
以 起 到 锦上添花 .事半功倍 的 效果 ; 不 完善 的 色彩 设计 则 使 信息 传递 混乱 甚至 中 断 。 色 标 
卡 中 丰富 的 色彩 如 图 5-1 所 示 。 


图 5-1 色 标 卡 中 丰富 的 色彩 
(来 源 ， 昵 图 网 ，http:/www.nipic.com/show/1/26/f15c1cb3be343786.html) 


平面 设计 领域 和 立体 设计 领域 都 不 能 脱离 色彩 而 存在 ,因为 色彩 具有 一 种 阐释 象征 、 
表达 情绪 的 属性 ,这 对 于 世界 范围 而 言 都 是 成 立 的 。 色 彩 的 直接 心理 效应 来 自 色 彩 的 物理 
光 刺 激 ,对 人 体 的 生理 产生 直接 影响 ,进而 对 人 的 心理 产生 冲击 ,形成 感受 。 一 般 而 言 ,版 
面 中 不 同 的 色彩 配置 能 给 人 们 带 来 不 同 的 心理 感受 。 

( 一 ) 红色 版 面 设 计 

红色 给 观 者 以 热情 喜庆、 幸福 .圆满 .革命 .力量 的 感官 印象 , 另 一 方面 也 表现 为 俗 
气 、 危 险 ,其 至 灵 怖 。 在 版 面 设 计 中 ,红色 往往 起 到 醒目 的 作用 ,可 以 形成 具有 冲击 力 的 色 
彩 效果 。 如 图 5-2 所 示 , 在 《 素 兰 喜 嫁 》 海 报 设计 中 的 红 底 色 配 合 白色 传统 图 案 , 对 比 强烈 ， 
喜庆 氛围 浓烈 。 如 图 5-3 所 示 为 以 色 列 设计 师 Yossi Lemel 号 召 人 们 为 日 本 地 震 提供 援助 
的 公益 海报 一 一 《 福 岛 ,我 的 爱 》, 其 以 醒目 的 红色 很 好 地 表达 了 思想 主题 。 

( 二 ) 稳 色 版 面 设计 

橙色 给 观 者 以 快乐 .温暖 的 感受 ， 也 代表 兴奋 与 甜 密 , 能 引起 人 的 食欲 ; 同时 也 象征 
丰收 、 健 康 与 活泼 。 在 版 式 设计 中 ,橙色 很 跳跃 ,能 够 增加 运动 与 活力 ,散发 出 自然 灿烂 的 
感觉 ,如 图 5-4 所 示 。 

如 图 5-5 所 示 , 栖 色 的 产品 包装 引发 观 者 愉悦 的 感受 , 甜 味 感 十 足 。 橙 色 与 同类 色相 
组 合 常常 让 人 感觉 温暖 ,食欲 感 强 。 
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图 5-2 《 素 兰 喜 嫁 》 的 海报 设计 图 5-3 ”以 色 列 设计 师 Yossi Lemel 设 计 的 
(来 源 : 亚洲 Cl 论坛 ，http://bbs.asiaci.com) 《 福 岛 ， 我 的 爱 》 
(来 源 : AD518，http://www.ad518.com) 


图 5-4 ”耐克 品牌 的 招贴 设计 图 5-5 ”西安 高 鹏 的 包装 设计 
(来 源 :，DOOOOR 设 计 网 ，http://www. (来 源 : 花瓣 网 ，http://huaban.com) 
doooor.com) 
( 三 ) 黄色 版 面 设计 


黄色 给 观 者 以 光明 灿烂 .华丽 ,辉煌 的 色彩 感 。 在 大 面积 黄色 版 面 中 点 级 绿色 ,能 使 
画面 青春 形象 、 活 力 四 射 ,如 图 5-6 所 示 。 在 版 面 设计 中 ,黄色 与 黑色 组 合 常常 用 来 传递 警 
示 作 用 ,图 5-7 所 示 是 福田 繁 雄 的 反 战 海报 设计 用 色 。 

( 四 ) 绿色 版 面 设计 

绿色 给 观 者 以 自然 .活力 .新 鲜 . 青 春 的 感受 , 也 可 以 表现 安全 .和 平 与 舒适 。 在 版 式 
设计 中 , 众 绿 与 中 绿 象 征 着 繁茂 与 健壮 ,如 图 5-8 所 示 。 绿 色 与 黄色 系 搭配 能 产生 清新 、 健 
康 的 画面 效果 ,如 图 5-9 所 示 。 
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图 5-6 ”充满 活力 的 电影 海报 图 5-7 ”福田 繁 雄 反 战 海报 
(来 源 :，DOOOOR 设 计 网 ，http://www.doooor.com) (来 源 : 百度 图 片 ，http://image.baidu.com) 


图 5-8 杂志 版 面 设计 图 5-9 ”Ajellso 水 果 雪 糕 海报 设计 
(来 源 :， DOOOOR 设 计 网 ，http://www. (来 源 : 三 视觉 ，http://www.3visual3.com) 
doooor.com) 


(五 ) 蓝 色 版 面 设计 

蓝 色 给 观 者 以 宁静 、 宽 广 .包容 的 感受 ; 也 可 以 表现 一 种 理智 与 沉稳 ,具备 信任 与 安全 
感 ,是 公司 和 企业 设计 的 最 佳 色彩 之 选 。 在 图 5-10 所 示 的 册页 版 式 设计 中 , 蓝 白 的 搭配 让 
理性 与 害 知 得 到 完美 体现 。 飞 利 浦 电器 宣传 海报 中 大 量 蓝 色 的 使 用 , 带 来 一 种 极 稳定 的 视 
觉 感受 ,如 图 5-11 所 示 。 

( 站 ) 往 色 版 面 设计 

紫色 给 观 者 以 高 贵 .优雅 .浪漫 .神秘 的 感受 。 在 版 式 设计 中 ,互补 色 紫 色 与 黄色 恰当 
地 运用 ,会 形成 优美 别致 的 视觉 效果 ,如 图 5-12 所 示 。 


(来 源 : 视觉 同盟 ，http://www.visionunion.com) (来 源 : 三 视觉 ，http://www.3visual3.com) 


( 七 ) 黑色 版 面 设计 

黑色 给 观 者 以 严肃 .庄重 与 力量 感 ,也 可 以 象征 死亡 悲痛 与 丽 怖 。 在 版 面 设计 中 , 黑 
色 能 营造 简约 ,高 级 .科技 感 、 现 代 感 , 它 能 与 任何 色彩 相配 置 ,调配 版 面 的 “黑白 灰 ” 关系， 
使 版 面具 有 稳定 感 , 黑 色 是 版 面 中 运用 最 广泛 的 色彩 ,如 图 5-13 所 示 。 


MODELO 
DE NEGOCIO. 


Cr 0 


和 化 区 (来 源 : 视觉 同盟 ，http://www.visionunion.com) 
(来 源 : 视觉 同盟 ，http://www.visionunion.com) 


( 几 ) 白色 版 面 设计 

习 色 给 观 者 以 纯洁 .光明 、 神 圣 、 简 单 . 朴 素 、 虚 无 .完整 的 感觉 ,在 版 面 设 计 中 ,白色 

重要 作用 在 于 它 代表 了 虚空 间 , 代表 一 种 意犹未尽 ,如 图 5-14 中 的 白色 使 用 颇 有 意味 。 

外 ,白色 面积 的 大 小 与 位 置 代表 了 版 面 的 张弛 与 节奏 ,同时 ,白色 对 人 们 的 视觉 疲劳 起 着 本 
调配 人 


um ce 


El 


Ti 全 
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( 九 ) 灰色 版 面 设 计 

灰色 属于 无 彩色 系 , 有 很 多 层次 ,根据 明度 的 不 同 分 为 浅 灰 .中 灰 、 深 灰 三 大 阶 次 。 灰 
色 给 观 者 以 高 雅 .含蓄 .耐人寻味 的 感受 。 在 版 式 设计 中 ,不 同 的 灰 阶 往往 能 增加 版 面 的 层 
次 感 ,灰色 也 是 一 种 很 好 的 调配 色 与 衬托 色 , 能 增加 版 面 的 色彩 调和 作用 ,如 图 5-15 所 示 。 

不 同 的 色彩 带 来 不 同 的 色相 ,千变万化 的 色彩 在 版 面 中 能 呈现 出 丰富 的 视觉 效果 , 传 
递 出 不 同 的 情感 。 因 此 ,在 版 面 设 计 中 ,应 根据 版 面 内 容 与 媒介 性 质 进 行 整体 色彩 设计 ,以 
达到 更 好 的 传达 效果 。 在 确定 整体 色调 过 程 中 ,色彩 本 身 所 体现 的 感觉 将 有 效 地 突出 主题 
内 涵 ,创造 主题 特有 的 情调 。 


图 5-14 ”陕西 法 门 寺 宣传 画册 设计 图 5-15 ”西班牙 Xavier Esclusa 
(来 源 : 3 视觉 ，http://www.3visual3.com/plane/ Trias 设 计 海 报 
huace/2012110315658_4.html) (来 源 : 视觉 同盟 ，http:/www. 


visionunion.com) 


二 、 色 彩 感觉 与 版 面 情调 的 营造 

上 文中 详细 描述 了 基本 色彩 体系 在 版 面 中 所 能 带 给 人 们 的 大 体 心 理 感 受 。 对 于 一 名 
设计 师 而 言 ,在 版 面 中 调 遗 色彩 不 能 仅仅 停留 在 较 浅 的 直觉 层次 ,而 应 该 让 色彩 与 版 面 的 
结合 达到 细致 入 微 的 程度 。 总 体 来 说 ,版 面 情 调 的 营造 应 把 握 以 下 几 点 。 

( 一 ) 版 面色 彩 网 轻 与 重 

色彩 的 轻重 由 明度 决定 。 高 明度 的 色彩 让 人 感觉 到 * 轻 ”, 能 组 成 轻松 明朗 、 素 雅 洁 净 、 
现代 感 强 的 “高 调 ” 版 面 ,如 图 5-16 和 图 5-17 所 示 , 低 明度 的 色彩 让 人 感觉 到 “ 重 ”, 能 
组 成 朴实 厚重 的 “低调 ”版 面 , 如 图 5-18 和 图 5-19 所 示 。 

( 二 ) 版 面色 彩 网 强 与 弱 

色彩 的 强 弱 由 纯度 决定 。 高 纯度 ,对比度 强 的 色彩 让 人 感觉 到 富有 活力 ,能 组 成 跳跃 、 
年 轻 , 浓 艳 的 版 面 ,如 图 5-20 和 图 5-21 所 示 ; 低 纯度 ,对比度 弱 的 色彩 让 人 感觉 到 柔和 、 
清新 ,能 形成 甜美 .亲和力 强 的 版 面 , 如 图 5-22 和 图 5-23 所 示 。 此 外 ,有 彩色 系 比 无 彩色 
系 有 强 感 ,有 彩色 系 以 大 红色 为 最 强 。 
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图 5-16 ”2017 年 北京 国际 设计 周 海 报 
(来 源 : 龙 美美 术 馆 ， 微 信号 : gh_6ad7afole58c) 


图 5-18 ”美国 设计 师 Emrich Office 的 平面 设计 
(来 源 : 三 视觉 ，http://www.3visual3.com) 


图 5-20 ”英国 设计 机 构 Un.titled 画 册 设 计 
(来 源 : 3 视觉 ，http://www.3visual3.com/plane/huace/ 
201106146110_2.html) 


图 5-17 东北 三 省 水 彩 画 展 招贴 设计 


(来 源 : 版 式 设计 很 简单 ， 微 信号 : typography_design) 


图 5-19 Merih Sejkic 饮 食 类 画册 设计 
(来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) 


图 5-21 包装 品牌 KEENPAC 画 册 设 计 
(来 源 : 3 视觉 ，http://www.3visual3.com/plane/ 
huace/ 2012111315803_4.html) 
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图 5-22 ”天 猫 网 页 版 面 设计 图 5-23 ”HADW 画 册 设 计 ( 1 ) 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/200609/9656.html) 


( 三 ) 版 面色 彩 网 软 与 看 

色彩 的 软 硬 感 与 明度 .纯度 有 关 。 明 度 较 高 .纯度 较 低 的 色彩 更 加 偏 “ 软 ", 明 度 较 低 、 
纯度 较 高 的 色彩 更 加 偏 硬 ， 弱 对 比 色调 具有 软 感 , 强 对 比 色调 具有 硬 感 。 软 的 色彩 组 合 可 
形成 柔和 ,雅致 的 版 面 气质 ,如 图 5-24 和 图 5-25 所 示 的 画册 设计 ; 硬 的 色彩 组 合 能 形成 
热烈 硬朗、 深沉 的 版 面 风格 ,如 图 5-26 和 图 5-27 所 示 。 


图 5-24 ”画册 封面 设计 ( 软 的 色彩 组 合 ) 图 5-25 ”宣传 折 页 设计 ( 软 的 色 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 彩 组 合 ) 
jphc/201302/33589_2.html) (来 源 : 设计 之 家 ，http://www.sj33. 


com) 


总 之 ,色彩 的 明度 ,纯度 能 带 来 大 相 径 庭 的 版 面 情调 与 风格 。 版 面 的 明快 感 与 忧郁 感 、 
兴奋 感 与 安静 感 .活泼 感 与 庄重 感 .华丽 感 与 质朴 感 .现代 感 与 古朴 感 都 与 色彩 的 明度 、 纯 
度 有 着 紧密 的 联系 。 在 版 面 情调 的 营造 中 ,除了 选择 好 适合 的 色相 外 ,色彩 的 明度 与 纯度 
的 选择 值得 仔细 环 磨 ,常常 在 经 由 明度 ,纯度 的 变换 与 组 合 之 后 ,版 面 的 色彩 才能 呈现 一 种 
“高 级 灰 ”, 展 现 出 与 众 不 同 的 版 面 效 果 。 


A 


| TITELLES 


图 5-26 宣传 折 页 设计 ( 硬 的 色彩 组 合 ) 图 5-27 画册 封面 设计 ( 硬 的 色彩 组 合 ) 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ (来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
jphc/201203/30514.html) jphc/201211/32682.html) 


第 二 节 ”版 面 局 部 色彩 的 配置 


第 一 节 从 整体 和 宏观 出 发 ,描述 了 在 版 面 中 如 何 确定 整体 色调 ,形成 基本 心理 感受 , 营 
造 版 面 整体 情调 。 但 是 ,做 好 以 上 步骤 ,仅仅 是 确立 了 大 方向 ,更 为 具体 的 是 如 何 处 理 好 版 
面 内 部 的 色彩 配置 ,版 面 局 部 的 色彩 应 该 依据 何 种 方式 来 进行 组 织 与 调配 呢 ? 


一 、 版 面色 彩 的 对 比 


版 面 中 的 色彩 往往 都 不 是 单独 存在 的 ,我 们 看 到 的 版 面 中 色彩 往往 在 一 定 背 景 中 ,或 
与 其 他 色彩 并 存 ; 此 外 ,版 面 中 的 色彩 存在 于 有 限 的 版 面 尺 寸 之 中 ,是 一 种 在 特定 关系 和 
语 境 中 的 色彩 ,版 面 中 的 色彩 总 是 与 其 他 色彩 相关 联 , 它 们 之 间 形 成 各 种 不 同 的 关系 ,这 多 
种 色彩 关系 中 最 为 常见 的 是 色彩 的 对 比 关 系 。 

适当 程度 的 色彩 对 比 使 版 面 看 起 来 更 鲜艳 夺目 、 富 有 活力 ,并 能 有 效 地 增加 版 面 对 观 
者 的 吸引 力 。 从 不 同 的 角度 来 看 ,色彩 对 比 主要 可 以 分 为 : 色相 对 比 、 明 度 对 比 、 纯 度 对 
比 、 冷 暖 对 比 ` 面 积 对 比 。 这 些 对 比 的 方式 通常 在 版 面 中 琶 加 出 现 。 

以 色相 差异 为 主 形成 的 对 比 称 为 色相 对 比 。 互 补 色 对 比 是 版 面 中 最 强烈 的 色相 对 比 ， 
例如 红 与 绿 、 蓝 与 橙黄 与 紫 , 这 种 色相 对 比 展现 出 强烈 炫目 .刺激 的 效果 ,形成 强烈 的 视 
觉 冲 击 力 ,多 出 现在 一 些 强调 现代 感 的 版 面 中 ,如 图 5-28 所 示 的 书籍 内 页 中 采用 带 荧 光 色 
的 红 与 绿 ,追求 现代 自由、 时尚 的 视觉 心理 效果 ; 图 5-29 中 大 量 采用 高 纯度 的 色彩 ,形成 
跳跃 的 .具有 活力 的 视觉 效果 。 \ 

以 明度 的 差异 形成 的 对 比 称 为 明度 对 比 。 每 一 个 颜色 都 有 自己 的 明度 ,明度 对 比 在 版 
式 设计 中 ,主要 可 以 表现 为 相同 色 系 的 明度 对 比 和 不 同色 系 的 明度 对 比 ,图 5-30 就 是 相同 
色 系 的 明度 对 比 ,图 5-31 是 不 同色 系 的 明度 对 比 。 明 度 对 比 使 版 面 内 容 形 成 梯度 ,产生 层 
次 ,利于 读者 对 主 次 信息 的 分 类 与 获取 。 在 图 5-30 和 图 5-31 中 ,版 面 中 的 色彩 利用 明度 
拉 开 梯 度 , 突出 标题 信息 。 
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图 5-28 ”书籍 内 页 色彩 设计 图 5-29 ”画册 内 页 设计 


(来 源 : 设计 之 家 ，http://www. sj33.cn/article/ 
jphc/201011/25667.html) 


图 5-30 ”书籍 内 页 色彩 设计 ( 同色 系 的 明度 对 比 ) 图 5-31 招贴 设计 ( 不 同色 系 的 明度 对 比 ) 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/2012 (来 源 : AD518 网 ，http://www.ad518.com) 
03/30514_3.html) 

以 纯度 的 差异 形成 的 对 比 称 为 纯度 对 比 ,纯度 对 比 既 可 以 体现 在 单一 色相 中 不 同 纯度 
的 对 比 中 ,也 可 以 体现 在 不 同色 相 的 对 比 中 。 版 式 设计 中 , 低 纯度 对 比 的 版 面 稳定 柔和 , 比 
较 耐看 ; 高 纯度 对 比 的 版 面 主 次 分 明 , 明 朗 跳跃 ,色彩 认 知 度 较 高 ,如 图 5-32 所 示 。 此 外 ， 
版 面 中 出 现 高 纯度 的 色 块 往往 能 很 好 地 平衡 版 面 的 重心 ,如 图 5-33 所 示 , 美 的 公司 产品 型 
录 设 计 中 ,右边 版 面 用 一 块 纯度 较 高 的 检 色 使 版 面 平 衡 并 衬托 出 标题 。 

色彩 感觉 的 冷暖 所 产生 的 对 比 称 之 为 冷暖 对 比 。 冷 色 和 暖色 是 一 种 色彩 感觉 ,冷色 和 
暖色 不 是 绝对 的 ,色彩 的 冷暖 在 比较 中 存在 。 版 式 设计 中 的 冷色 与 暖色 比例 的 分 布 决定 了 
画面 的 主体 色调 是 暖色 调 还 是 冷色 调 ; 甚至 在 版 面 中 ,需要 选取 相对 立 的 色调 进行 视觉 调 
配 ,小 面积 的 冷色 使 大 面积 的 暖色 看 起 来 更 暖 ,小 面积 的 暖色 使 大 面积 的 冷色 看 起 来 更 冷 ， 
如 图 5-34 和 图 5-35 所 示 。 

面积 对 比 是 指 两 种 或 两 种 以 上 颜色 的 相互 关系 ,是 一 种 大 与 小 .多 与 少 的 关系 。 版 面 
中 不 同 的 面积 比 使 色彩 显示 出 不 同 的 强度 ,产生 不 同 的 版 面色 彩 对 比 效 果 , 占 据 更 大 版 面 
面积 的 色彩 就 构成 了 版 面 的 主 调 。 图 5-36 所 示 版 面 中 的 蓝 色 就 占据 了 更 大 的 版 面 面 积 。 
版 面 中 色彩 面积 的 变化 使 得 版 面 样式 多 样 化 ,在 系列 版 面 设计 中 形成 具有 连续 感 的 画面 ， 
产生 系统 性 ,如 图 5-37 所 示 。 


1 4 也 < vl ] =t 19 = | = < UU/ J 1 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ (来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/ 
jphc/200603/7409.html) 200608/9383.html) 


(来 源 : 三联 素材 ，http://www.3lian.com/show/2013/ (来 源 : 三 联 素材 ，http:/www.3lian.com/show/2013/ 


03/12061_4.html) 03/12061_4.html) 


15-36 cholas Me an 国 册 设计 到 5-3 HADVWi 设计 (2 
(来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) (来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
jphc/200609/9656_11.html) 
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二 、 版 面色 彩 的 和 谐 

版 面色 彩 的 和 谐 是 指 版 面 中 色彩 搭配 统一 协调、 悦目 。 色 彩 的 和 谐 受到 色相 ,明度 、 
纯度 的 影响 。 要 做 到 色彩 和 谐 , 主要 应 从 以 下 两 个 方面 着 手 。 

( 一 ) 秒 用 画面 统一 基调 

为 做 到 画面 基调 的 统一 ,首先 要 确立 主 色彩 ,然后 再 寻找 主 色彩 的 同类 色 、 邻 近 色 进 
行 色彩 配置 ,在 明度 、 纯 度 上 进行 协调 ,如 图 5-38 所 示 。 这 样 形成 的 版 面 必然 会 有 和 谐 
的 感觉 。 色 彩 基调 的 统一 并 不 意味 着 色彩 表现 单调 ,画面 中 也 可 以 出 现 其 他 色彩 ,但 是 
这 些 色彩 只 是 起 到 陪衬 和 烘托 的 作用 ,与 版 面 主 基调 只 是 局 部 与 整体 的 关系 ,如 图 5-39 
所 示 。 
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图 5-38 DOXXbet.com 网 页 交互 设计 图 5-39 ”Spritmuseum 画 册 版 面 设计 
(来 源 :，DOOOOR 设 计 网 ，http://www.doooor.com) (来 源 : 数字 驿站 ，http://www.K1982.com/ 
show/768539.htm) 


( 二 ) 对 色彩 进行 调和 

在 版 面 的 色彩 比较 多 样 的 情况 下 ,为 了 使 版 面 形成 统一 色调 ,可 以 采取 加 入 统一 要 素 
的 手法 ,比如 在 色彩 与 色彩 之 间 加 入 间隔 色 进行 缓冲 过 渡 ; 或 者 加 入 黑 . 白 、. 灰 这 些 中 性 色 
对 差异 大 的 色彩 进行 前 弱 处 理 , 如 图 5-40 所 示 。 

此 外 ,在 色彩 的 分 布 上 ,要 控制 好 色彩 的 数量 与 面积 ,色彩 之 间 有 要 主 次 ,正如 戏剧 中 
有 主角 和 配角 一 样 ,避免 等 量 安排 .没有 重点 。 

再 次 ,版 面 中 的 色彩 之 间 要 有 呼应 和 相应 变化 。 例 如 一 个 版 面 中 出 现 了 一 块 红色 , 色 
调 显得 热烈 ,但 如 果 只 是 这 一 块 色调 ,会 略 显 单调 并 不 足以 统领 整个 版 面 ; 如 果 在 版 面 中 
出 现 一 些 红色 系 或 者 黄色 系 的 小 的 色 块 ,整个 画面 的 色彩 协调 感 和 整体 感 会 得 到 加 强 ， 
并 使 版 面 活跃 起 来 。 因 此 ,版 面 中 色彩 的 数量 面积 以 及 位 置 都 是 调配 的 手段 ,如 图 5-41 
所 示 。 


图 5-40 ”书籍 封面 设计 


图 5-41 Sandra Tan 时 尚 折 页 设计 
(来 源 : 三 视觉 ，http://www.3visual3.com/plane/zheye/2011081614000.html) 


三 、 版 面色 彩 的 节奏 与 韵律 
节奏 与 韵律 是 指 事物 在 运动 过 程 中 有 规律 的 连续 。 在 版 面 空间 中 ,色彩 的 色相 、 大 小 、 
者 都 能 表现 为 空间 连续 分 段 运动 的 形式 ,由 此 形成 形 与 色 的 组 织 
规律 性 ,在 版 面 空间 中 形成 不 同 的 节奏 和 韵律 。 图 5-42 所 示 微 软 亚洲 研究 院 画 册 设 计 中 


比例 冷暖, 强 弱 .虚实 


` 明 


的 色彩 以 明度 变化 为 3 


要 


手段 进行 排列 分 布 ， 


图 5-43 所 示 的 折 页 设计 则 以 色彩 的 色相 与 


纯度 变化 为 主要 手段 ,它们 都 形成 了 各 自 的 节奏 感 与 韵律 感 ,显得 干净 而 灵动 。 版 式 设计 
中 的 色彩 节奏 也 可 体现 在 系列 丛书 中 ,形成 在 规则 中 变化 的 整体 。 


图 5-42 ”微软 亚洲 研究 院 的 画册 设计 


在 版 面 空间 中 , 色彩 的 节奏 与 韵律 的 表现 可 以 是 重复 性 的 形式 ,也 可 以 是 多 元 性 的 形 


图 5-43 ”国外 折 页 设计 (1) 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
jphc/201104/27700.html) 


式 。 色 彩 重复 性 的 分 布 会 形成 理性 与 机 械 的 美感 ,多 元 性 的 分 布 则 带 来 更 加 灵活 多 样 的 画 


面 效果 。 
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不 同 的 深度 印象 ,有 的 色彩 会 产生 “向 前 ”的 趋势 ,有 的 色彩 会 产生 “后 退 ” 的 倾向 。 


空间 位 置 越 向 前 


在 版 式 设计 中 ,合理 的 色彩 运用 能 增加 平面 中 的 前 后 感 与 空间 


度 对 产生 二 维 习 
色调 中 的 蓝 色 


色彩 的 明度 变化 与 色 块 的 大 小 变化 能 产生 空间 感 ,处 于 同一 距离 上 的 不 同色 彩 会 造成 


感 ,色彩 越 鲜艳 明亮 的 ， 
1; 色彩 越 星 涩 灰暗 的 ,空间 位 置 越 往 后 。 总 体 来 说 ,色彩 的 冷暖 与 明度 、 纯 
F 面 中 的 前 后 关系 影响 最 大 ,例如 , 暧 色 调 中 的 红色 黄色 是 突出 向 前 的 , 冷 


、 紫 色 则 有 向 后 退缩 的 效果 。 利 用 色彩 的 这 些 性 质 , 可 以 创造 多 样 的 版 


果 , 如 图 5-44 所 示 , 色 彩 与 剪影 形式 结合 ,给 观 者 以 想象 的 空间 ; 在 图 5-45 中 ,明亮 


彩 跳跃 在 前 ,在 更 


更 深 底 色 的 映衬 下 形成 有 空间 感 的 版 面 。 


Jisey 


(来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/201012/26034_2.html) 


(来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/201011/25525.html) 


面 效 


和 色 


第 三 节 ”版 面色 彩 与 心理 


色彩 可 以 直接 触动 观 者 的 内 心 ,使 人 的 生理 视觉 与 心理 感觉 产生 联动 ,最 后 形成 对 所 
观看 物体 的 第 一 印象 。 

要 确定 版 式 设计 的 整体 色调 ,首先 ,需要 对 设计 的 项 目 种 类 ,项 目 属性 进行 研究 。 色 
彩 会 引起 人 们 的 酸 , 甜 . 苦 、 辣 的 味觉 感 以 及 各 种 更 为 深层 次 的 情绪 。 例 如 ,玉米 的 黄色 、 
胡萝卜 的 橙色 能 让 人 们 联想 到 食物 , 烤 制 出 来 的 面包 上 的 焦 黄 色 能 引起 人 们 的 食欲 ， 
所 以 ,在 一 些 餐厅 或 者 有 关于 食物 的 版 式 设计 上 通常 以 暖色 为 主 调 ,如 图 5-46 所 示 。 
而 在 一 些 有 关于 药品 的 版 面 设 计 上 , 则 通常 采用 蓝 色 .绿色 ,给 人 们 传递 一 种 安全 .可 靠 
的 信息 ,使 药品 易于 被 人 们 接受 。 图 5-47 所 示 的 医疗 宣传 手册 就 采取 了 一 种 害 智 的 蓝 
色调 。 


图 5-46 国外 食品 网 页 设计 图 5-47 国外 折 页 设计 (4) 
(来 源 : 数字 驿站 ，http://www.k1982.com) (来 源 : 版 式 设计 很 简单 ， 微 信号 : typography_design) 


其 次 ,设计 版 面色 彩 主 调 还 要 依据 特定 的 广告 内 容 , 营 造 整体 色彩 气氛 : 是 活泼 的 ， 
还 是 庄重 的 ;是 热烈 的 ,还 是 含蓄 的 ; 是 华丽 的 ,还 是 质朴 的 。 版 面 整体 色彩 表现 出 来 
的 某 种 气氛 能 够 使 画面 呈现 出 某 种 思想 感情 ,从 而 使 观 者 产生 心理 共鸣 , 对 广告 产生 兴 
趣 。 如 图 5-48 所 示 , 以 昔 红 为 主 色调 , 配 上 哥伦比亚 传统 元 素 ,使 版 面 产生 浓 浓 的 民族 传 
统 味道 。 

最 后 ,版 面色 彩 的 选取 还 需 对 版 式 目标 对 象 的 年 龄 与 性 别 进行 细 化 研究 与 分 析 。 例 
如 ,女性 护肤 品 与 男性 护肤 品 的 相关 版 面 设计 就 呈现 出 截然 不 同 的 色彩 效果 与 气氛 ,女性 
护肤 品 一 般 选 用 金色 .粉红 色 等 色彩 追求 高 雅 .柔美 的 感觉 , 而 男性 护肤 品 则 选用 黑色 、 灰 
色 或 者 类 金属 色 追 求 硬朗 利索 的 效果 。 如 图 5-49 所 示 ，DOXXbet.com 网 页 交互 设计 中 
用 色 就 比较 硬朗 粗放。 儿童 用 品 的 版 面色 彩 则 活泼 跳跃 ,图 5-50 所 示 儿 童 Playskool 网 
页 交互 设计 所 用 色彩 鲜艳 、 对 比 强烈 . 引 人 夺 目 。 
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图 5-48 上 亚 传 乡 


5 啤酒 
(来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) 


Redefining 
the Sports Betting 
Web Interface 


图 5-49 ”DOXXbet.com 网 页 交互 
(来 源 : 数字 驿站 ，http://www.k1982.com) 


第 四 节 ”版 面色 彩 运用 的 误区 


在 版 式 设计 中 ,色彩 表现 得 恰当 能 使 信息 得 到 更 好 的 传播 ,反之 则 阻碍 信息 传递 。 总 
体 而 言 ,色彩 的 设计 比较 容易 出 现 的 问题 主要 表现 为 以 下 几 点 。 


一 、 版 面色 彩 杂 乱 ,缺乏 整体 感 

在 有 些 版 面 中 ,色彩 纷繁 杂乱 ,色相 过 多 .大 标题 .小 标题 .导语 、 线 条 等 内 容 都 采用 不 
同 的 色彩 ,没有 突出 主 次 ,也 失去 了 整体 感 ,如 图 5-51 和 图 5-52 所 示 。 实 际 上 ,版 面色 彩 
不 需要 太 多 的 装饰 ,只 需 确定 主题 色彩 ,追求 清晰 可见 性 强 的 效果 。 


由 

， 四 共和 
处 水 ) 
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图 5-51 《 蝶 恋 花 》 版 式 设计 ( 1 ) 图 5-52 《 蝶 恋 花 》 版 式 设计 ( 2 ) 


二 、 片 面 强 调 色 彩 ,忽略 文字 及 信息 传递 


在 一 些 文字 较 多 的 版 式 中 , 色彩 过 于 抢眼 ,往往 会 阻碍 文字 的 可 识别 性 ,甚至 完全 取代 
文字 的 位 置 , 咕 宾 夺 主 ,使 观 者 的 信息 接收 程序 出 现 混乱 ,造成 了 信息 传递 的 中 断 。 “” 


三 、 缺 乏 色彩 艺术 感 
在 色彩 的 配置 中 ,设计 者 对 色彩 的 理解 不 够 深入 ,只 追求 色彩 的 刺激 形成 杂乱 效果 ;或 
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者 画面 色彩 过 于 单一 苍白 ,如 图 5-53 和 图 5-54 所 示 。 这 些 都 是 对 色彩 的 认识 有 限 所 致 。 


图 5-53 ”菜谱 版 式 设计 ( 1 ) 图 5-54 ”菜谱 版 式 设计 ( 2 ) 

(来 源 : 百度 图 片 ，http://image.baidu.com) (来 源 : 百度 图 片 ，http://image.baidu.com) 
机 计生 

襟 入 

酒吧 菜单 役 和 和 咖啡 厅 菜 单 役 入 
设计 任务 及 要 求 如 下 。 
(1) 为 虚拟 酒吧 或 咖啡 厅 进 行 菜单 设计 ,要 求 所 用 的 色彩 能 恰当 地 表现 出 酒吧 或 者 咖 
啡 厅 的 商业 趣味 和 氛围。 


(2) 要 求 有 具体 的 文字 与 图 形 , 尺 寸 和 版 式 不 限 。 
该 设计 实 训 的 示例 作品 如 图 5-55 和 图 5-56 所 示 。 


到 5-55 ”酒吧 莱 单 设计 
(设计 者 : 马 强 ) 


图 5-56 ”咖啡 厅 莱 单 设计 
(设计 者 : 赵 凯 ) 


ne 
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DM 版 交 役 和 计 

DM 是 英文 Direct Mail 的 缩写 ,直译 为 “直接 邮寄 广告 ", 即 通过 邮寄 .赠送 等 形式 ， 
将 宣传 品 送 到 消费 者 手中 、 家 里 或 公司 所 在 地 ,是 商业 贸易 活动 中 的 重要 媒介 , 俗称 “小 广 
告 "。 DM 除了 用 邮寄 投递 以 外 ,还 可 以 借助 其 他 媒介 ,如 传真 .杂志 ,电视 、 电 话 、 电 子 邮 件 、 
微 信 , 及 直销 网 络 . 柜 台 散 发 .专人 送 达 、 来 函 索取 、 随 商品 包装 发 出 等 。 

DM 与 其 他 媒介 的 最 大 区 别 在 于 : DM 可 以 直接 将 广告 信息 传送 给 真正 的 受众 ,而 其 
他 广告 媒体 形式 只 能 将 广告 信息 笼统 地 传递 给 所 有 受众 ,而 不 管 受众 是 否 是 广告 信息 的 真 
正 受众 。 

DM 的 样式 可 划分 为 传单 型 .册子 型 . 折 页 型 .卡片 型 等 样式 。 DM 折 和 县 方式 灵活 多 变 ， 
每 一 种 变化 都 有 其 个 性 特点 ,如 图 5-57 所 示 。 
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8 页 翻身 折 8 页 包 心 折 8 页 双双 折 8 页 地 图 折 


图 5-57 ”DM 折 双 方式 示意 图 
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Ee 
标 
下、 (1) 熟悉 图 像 的 分 类 ,能 根据 设计 主题 和 内 容 使 用 合适 的 图 片 
形式 。 
(2) 掌握 图 片 的 位 置 .面积 .数量 、 组 合 分 布 的 处 理 方法 ,能 在 版 面 
设计 中 灵活 运用 。 


图 像 在 版 面 构 成 中 占 很 大 的 比重 ,视觉 冲击 力 远 远 胜 过 文字 。 
但 这 并 不 意味 着 语言 或 文字 的 表现 力 弱 ,而 是 说 明 图 像 在 视觉 和 信 
息 传 达 上 能 更 好 地 吸引 人 们 的 注意 ,传达 效果 更 直接 、 更 形象 .更 快 
速 。 因 此 ,设计 师 需要 深 说 图 片 和 图 形 的 编排 之 道 。 本 章 将 介绍 设 
计 版 面 中 图 像 的 分 类 和 常用 的 形式 ,并 帮助 读者 掌握 图 片 排版 的 具体 


第 一 节 图像 的 分 类 和 常用 形式 


在 人 类 的 历史 上 ,图 形 传情 达意 的 功能 远 远 早 于 文字 。 现 代 社 会 已 经 进入 
“ 读 图 时 代 ”, 图像 成 为 更 快捷 、 更 直接 、 更 形象 的 信息 传达 方式 。 图 像 是 版 面 设 
计 中 不 可 缺少 的 元 素 ,在 和 文字 共同 使 用 的 时 候 ,图 像 能 大 大 提高 视觉 传达 的 效 
果 。 随 着 平面 设计 和 计算 机 软件 的 发 展 ,图 像 的 类 别 和 形式 也 越 来 越 丰富 。 


一 、 图 像 的 分 类 

(一 ) 揭 影 图 片 

摄影 诞生 的 历史 并 不 长 ,但 通过 观看 照片 这 种 方式 ,人 们 打开 了 一 扇 了 解 世 界 的 窗口 。 
摄影 也 为 设计 师 提供 了 丰富 的 表现 力 和 视觉 手段 。 设 计 师 在 其 生涯 中 一 直 都 会 使 用 照片 
或 与 摄影 师 一 起 工作 。 设 计 师 从 摄影 中 获取 素材 、 获 得 灵感 。 摄 影 的 数码 化 使 照片 成 为 高 
效率 的 设计 元 素 。 如 何在 设计 作品 中 运用 、 处 理 和 编排 摄影 图 片 ,成 为 设计 师 的 基本 工作 
内 容 。 图 6-1 所 示 是 两 幅 全 球 杂 志 类 最 佳 封面 设计 的 作品 ,摄影 图 片 成 为 版 面 中 最 大 的 视 


觉 亮点 。 
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(a) 


图 6-1 封面 设计 中 的 摄影 图 片 
(来 源 : 站 酷 ，http://www.zcool.com.cn/show/ZMTAwMDAO/1.html) 


(二 ) 图 形 

这 里 所 讲述 的 图 形 是 有 别 于 摄影 ,由 专业 设计 师 或 插图 师 创 作 绘 制 的 一 种 较为 传统 的 
图 。 在 摄影 技术 广泛 应 用 之 前 ,这 样 的 表现 手法 非常 普遍 。 这 些 图 形 有 独特 的 人 性 化 魅 
和 朴素 的 自然 美 ,在 表现 特定 内 容 时 ,有 特殊 的 表现 力 。 随 着 设计 的 发 展 ,图 形 的 类 别 也 
到 了 拓展 ,包括 设计 师 们 运用 计算 机 中 的 设计 软件 绘制 出 的 各 种 丰富 造型 ,或 具象 或 抽 
的 图 形 形 态 。 
1. 插图 


插图 是 人 们 十 分 熟悉 和 喜爱 的 艺术 形式 ,在 版 面 设计 中 十 分 普遍 。 插 图 能 够 表达 与 摄 
影 截然 不 同 的 视觉 和 心理 感受 ,适合 表现 富有 情节 的 内 容 。 播 图 还 可 以 表现 出 多 元 性 的 形 


溉 葵 过 证 
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象 ,如 幻想 .幽默 .讽刺 装饰 ,象征 .写实 等 。 图 6-2 所 示 是 手绘 插图 在 版 面 中 的 应 用 。 


(a) (b) 
(来 源 : 狼 牙 创意 网 ，http://www.logohhh.com) (来 源 : 视觉 中 国 设计 师 社区 ，http://www.shijue.com) 


恒 6-2 ”版 面 中 的 手绘 插图 


2. 卡通 漫画 

现代 卡通 漫画 作为 流行 文化 的 一 部 分 ,已 不 分 年 龄 .阶段 和 地 区 地 渗入 商业 社会 的 各 
个 方面 。 当 时 尚 的 人 们 对 孩子 气 的 物品 趋 之 若 琉 的 时 候 , 商 家 也 在 着 力 推崇 这 种 营销 夸 码 。 
现代 卡通 漫画 呈现 简单 .无 规则 、 易 逝 的 特点 。 简 单 即 除去 各 种 繁 饰 , 带 有 极 简 主 义 特征 ， 
无 规则 即 风格 多 样 化 , 极 具 个 性 ,适宜 不 同 的 品牌 诉求 和 个 性 化 消费 ; 易 逝 即 像 所 有 流行 
的 事物 一 样 , 它 会 风靡 一 时 ,但 很 快 也 会 过 时 。 卡 通 漫画 这 些 特点 恰好 符合 现代 商业 快速 
更 替 、 短 暂 .追求 个 性 ,简单 ,趣味 等 特点 。 图 6-3 所 示 是 国外 某 版 式 设 计 , 该 设计 通过 个 性 
十 足 的 卡通 造型 传递 了 品牌 和 产品 形象 , 令 人 印象 深刻 。 
3. 具象 和 抽象 图 形 
具象 图 形 是 指 人 们 从 具象 的 自然 形态 中 美化 .创造 出 来 的 造型 。 具 象 图 形 的 设计 要 摆 
脱 纯 自然 的 束缚 ,用 归纳 手法 来 获取 自然 形态 ,使 其 具有 设计 感 。 图 6-4 所 示 是 国外 狗 狗 
大 便 袋 的 包装 设计 。 包 装 上 的 图 形 就 是 从 各 类 品种 狗 的 外 形 提炼 而 来 , 极 具 设 计 感 和 功能 
识别 性 。 

抽象 图 形 是 将 自然 形象 进行 概括 ,提炼 .简化 得 到 的 形态 。 抽 和 象 图 形 又 可 分 为 无 机 形 
态 和 有 机 形态 ,它们 既 可 在 形式 上 作为 版 面 构成 的 重要 元 素 , 又 可 在 传达 功能 上 对 信息 进 
行 有 效 划分 ,建立 阅读 的 层次 感 ,所 以 抽象 图 形 在 现代 版 面 设计 中 使 用 十 分 普遍 。 
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图 6-3 ”卡通 漫画 在 版 面 中 的 应 用 
(来 源 : 狼 牙 创意 网 ，http://www.logohhh.com) 


抽象 区 


6-4 ” 狗 狗 大 便 袋 包装 设计 中 的 具象 图 形 
视觉 联盟 ，http://www.cnu.cc/thread-81823-1-1-3.html) 


团圆 


(来 源 : 中 


形 的 形态 比较 理性 ,如 图 6-5 所 示 , 它 们 多 以 几何 形 为 内 容 , 如 圆 形 方形 .三 角 


形 ,点 .直线 .折线 等 ,形象 简洁 而 有 秩序 。 有 机 形态 比较 自由 、 活 泼 ,其 构成 大 多 采用 
第 六 章 版 式 役 计 中 的 图 像 
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组 合 , 如 图 6-6 所 示 , 但 也 有 不 规则 的 偶发 形态 ,如 水 纹 . 云 纹 . 墨 迹 等 ,如 图 6-7 所 示 。 抽 
象 图 形 的 使 用 必须 符合 设计 主题 ,否则 牵强 的 形式 只 会 误导 读者 ,削弱 其 传播 力 。 


rue 
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(a) (b) 


图 6-5 ”抽象 的 无 机 形态 在 版 面 中 的 应 用 
(来 源 : 视觉 同盟 ，http://www.visionunion.com) 


talitha rezende 
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图 6-6 ”抽象 的 有 机 形态 在 版 面 中 的 应 用 图 6-7 墨迹 形态 在 海报 中 的 应 用 
(来 源 : 视觉 中 国 ，http://shijue.me/albums/51765dbb8ddf8728260002f2) (来 源 : 版 式 设计 很 简单 ， 微 信号 : 
typography_design) 


(三 ) 合成 图 、 特 效 图 和 榜 贴 图 

1. 合成 图 

除了 经 过 高 超 的 暗房 技术 制作 合成 图 片 外 ,现在 最 常用 的 工具 就 是 计算 机 合成 ,例如 
Photoshop 软件 ,其 功能 强大 ,合成 效果 真实 自然 , 令 人 惊叹 ,是 设计 师 创 意 表 达 的 利器 。 合 
成 图 在 广告 设计 中 尤为 常用 ,图 6-8 所 示 是 果 次 的 广告 ,该 设计 通过 将 水 果 齐 面 图 与 果酱 
的 图 片 合 成 ,体现 果 桨 的 纯正 口味 。 
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图 6-8 合成 图 在 广告 版 面 中 的 应 用 
(来 源 : 设计 知识 资源 网 ，http://www.idea168.com/photo/ad_design/food/list_245_1.html) 


(a) 


2. 特效 图 

对 摄影 图 片 运 用 计算 机 软件 添加 不 同 的 质感 和 特效 ,不 仅 可 以 弥补 原始 素材 在 清晰 度 
上 的 不 足 , 同 时 还 能 引发 观 者 不 同 的 联想 和 情感 ,如 图 6-9 所 示 ; 通过 对 照片 手绘 效果 的 
处 理 ,可 赋予 图 片 艺术 气息 ,如 图 6-10 所 示 ; 通过 对 照片 破损 、 烧 灼 的 效果 处 理 , 可 带 来 舌 
废 .陈旧 之 感 ,如 图 6-11 所 示 ; 通过 数码 点 阵 处 理 ,会 使 画面 呈现 科技 与 现代 之 感 ; 而 谣 
意 强化 照片 的 印刷 网 点 或 是 制造 圆 点 来 组 建 画面 ,如 图 6-12 所 示 , 是 受到 了 印刷 工艺 的 启 
发 。 设 计 软 件 的 特效 技术 为 创意 的 表现 带 来 了 无 限 的 可 能 。 


的 应 用 图 6-10 手 ] 应 用 


计 网 ，http://www.doooor.com) (来 源 : 站 酷 ，http://www.zcool.com.cn/show/ 
ZNDMyMzY=/1.html) 


图 6-9 月 
(来 源 : DOOOOI 
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图 6-11 ”烧灼 破损 特效 在 海报 中 的 应 用 图 6-12 ”印刷 色 网 点 造型 在 海报 中 的 应 用 


(来 源 : 设计 知识 资源 网 ，http://www.idea168.com/ (来 源 : 版 式 设 计 很 简单 ， 微 信号 : typography_design) 
photo/plane/common/list_253_1.html) 


3. 拼 贴 图 

拼 贴 是 指 将 完整 的 摄影 图 片 和 图 形 裁剪 、 打 散 , 再 从 设计 的 角度 进行 重新 组 合 、 错 番 ， 
它 带 来 的 是 不 稳定 ,错乱 的 强烈 视觉 冲击 力 ,版 面 上 的 所 有 文字 信息 也 会 依 画 面 重 构 , 与 之 
形成 有 机 的 整体 。 图 6-13 所 示 是 一 组 混合 了 手绘 、 喷 溅 .肌理 等 元 素 的 拼 贴 艺术 作品 。 设 
计 中 元 素 繁杂 而 不 凌乱 ,细节 丰富 ,色彩 细腻 ,视觉 感染 力 强 。 


图 6-13 ” 拼 贴 版 式 设计 作品 


(来 源 : 视觉 同盟 ，http://www.visionunion.com) 


二 、 图 像 的 常用 形式 


( 一) 几何 形 图 式 
方形 图 式 如 图 6-14 所 
传达 诉求 主题 ,富有 直接 性 


示 , 是 图 片 中 最 基本 、 最 简单 .最 常用 的 表现 形式 。 它 能 完整 地 
和 亲和力 。 构 成 后 的 版 面 稳重 ,安静 、 严 谨 , 较 容易 与 读者 沟通 。 


除了 方形 图 ,其 他 几何 图 形 也 可 以 作为 图 像 的 构成 形式 ,如 圆 形 . 三 角形 等 ,这 样 的 形式 使 
版 面 更 加 活泼 ,富有 个 性 ,如 图 6-15 所 示 。 


图 6-14 方形 图 式 在 杂志 版 面 中 的 应 用 


(来 源 : 红 动 中 国 ，http://bbs.redocn.com/imagedetail.php?aid=39372#39372) 


(a) 


人 


图 6-15 ” 圆 形 图 式 在 音乐 主题 宣传 物 版 面 中 的 应 用 


(来 源 : 设计 知识 资源 网 ，http://www.idea168.com/photo/plane/huace/list_170_1.html) 
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( 二 ) 出 血 图 式 

“出 血 ” 是 印刷 上 的 用 语 , 指 画面 延伸 至 印刷 品 的 边缘 。 图 6-16 所 示 是 可 口 可 乐 公司 
的 宣传 册 ,版 面 均 运用 出 血 图 式 ,图 片 充满 整个 版 面 而 不 露出 边框 ,具有 向 外 扩张 自由、 每 
展 的 感觉 ,运用 出 血 式 构图 的 版 面 ,动感 效果 非常 强劲 ,与 读者 的 距离 感 接近 , 易 产 生 共 鸣 ， 
如 图 6-17 所 示 。 


作答 1 


图 6-16 出血 图 式 在 宣传 册 版 面 中 的 应 用 
(来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) 


图 6-17 ”出 血 图 式 在 画册 版 面 中 的 应 用 
(来 源 : 版 式 设计 很 简单 ， 微 信号 : typography_design) 


(三 ) 退 度 图 式 

退 底 图 式 是 设计 师 根据 版 面 内 容 所 需 ,将 图 片 中 精 选 的 部 分 沿边 缘 裁 剪 。 如 图 6-18 
所 示 , 是 宜家 家 居 的 产品 宣传 单 页 ,版 面 中 退 底 后 的 图 片 显 得 灵活 而 不 凌乱 ,给 人 轻松 自 
由 .平易 近 人 的 亲切 感 , 退 底 式 构图 是 设计 师 们 常常 采用 的 手法 之 一 。 

( 四 ) 羽化 图 式 

羽化 图 式 是 利用 计算 机 技术 减少 图 片 的 层次 ,以 便于 图 片 与 背景 、 色 块 或 其 他 图 片 的 
相互 融合 。 这 是 设计 师 为 了 追求 版 面 的 特殊 效果 而 常常 采用 的 一 种 方式 ,以 此 来 衬托 主题 ， 
泻 染 版 面 气 氛 。 图 6-19 所 示 是 某 品 牌 手表 的 广告 画面 。 左 侧 的 图 片 与 右 侧 的 产品 信息 版 
面 就 是 通过 羽化 的 方式 进行 衔接 的 。 


5 有 20], 亚 州 最大 宜家 高 场 开业 路 ! ! 


ms 
wwwJKEAcn 


5 月 20 日 ， 亚 洲 最 大 宜家 商场 开业 啦 ! 
ma poe Crane | ene’ a 宜家 家 居 
WwwKEAcn 


(a) 


(b) 


图 6-18 退 底 图 式 在 宣传 单 页 版 面 中 的 应 用 
(来 源 : 宜家 家 居 ，http:/www.IKEA.cn) 


The greatest luxury in life is time, 


(来 源 : 设计 知识 资 


avour every second. 


图 6-19 ”羽化 图 式 在 广告 


(五 ) 特殊 图 式 


特殊 区 


式 是 将 区 


片 按照 一 定 的 形状 来 限定 。 


应 用 。 设 计 师 创造 1 


性 地 对 图 片 进行 加 工 组 合 ,使 版 面 产生 出 新 颖 、 独 特 的 新 视角 。 


版 面 中 的 应 用 


源 网 ，http://www.idea168.com/photo/ad_design/cultural/list_250_1.html) 


图 6-20 所 示 是 特殊 图 式 在 电影 海报 中 的 
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图 6-20 ”特殊 图 式 在 电影 海报 中 的 应 用 
(来 源 : 站 酷 ，http://www.zcool.com.cn/show/ZMzQ3MjQ=/1.html) 


第 二 节 ”图 像 的 版 面 编排 


图 像 是 能 带 给 版 面 生命 的 重要 构成 元 素 , 在 传达 和 交流 信息 中 起 着 至 关 重要 的 作用 。 
图 片 在 版 式 设计 中 占有 很 大 的 比重 ,具有 强烈 的 视觉 冲击 力 。 在 这 个 “ 读 图 时 代 ”, 图 片 用 
更 具 创 造 性 和 感染 力 的 方式 吸引 人 们 的 视线 ,具体 而 直接 地 传达 信息 。 
下 面 就 从 图 片 的 位 置 ,面积 .数量 .组 合 分 布 ,方向 等 方面 来 了 解 图 片 的 排列 方法 。 


一 、 图 片 的 位 置 

图 片 在 版 面 中 的 位 置 直接 影响 到 版 面 的 构图 布局 ,版 面 中 的 上 下 左右 及 对 角 线 的 四 角 
都 是 视觉 的 焦点 。 根 据 视觉 焦点 合理 编排 图 片 , 可 以 更 好 地 吸引 视线 ,使 版 面 主题 明确 , 层 
次 清晰 ,如 图 6-21 所 示 。 楼 书 的 版 面 设计 就 是 利用 视觉 焦点 的 原理 进行 的 图 片 编排 ,如 
图 6-22 所 示 。 


二 、 图 片 的 面积 

图 片 的 面积 直接 影响 着 整个 版 面 的 视觉 传达 效果 。 一 般 把 用 于 传达 主要 信息 的 图 片 放 
大 ,其 他 次 要 的 图 片 缩小 ,这 样 可 以 使 整个 版 面 结构 清晰 , 主 次 分 明 。 这 种 通过 图 片面 积 对 
比 突出 主要 信息 的 方式 在 报纸 .杂志 及 宣传 册 的 版 面 中 特别 常用 ,如 图 6-23 和 图 6-24 所 示 。 


另外 ,图 片 使 用 的 面积 还 与 图 片 的 视觉 效果 和 像素 质量 有 关 。 视 觉 效 果 好 ,像素 高 的 
图 片 一 般 可 以 用 于 较 大 面积 的 版 面 ,而 像素 和 尺寸 较 小 的 图 片 ,只 能 缩小 其 应 用 的 面积 。 


i 


站 党 -我 曾 论 术 -本 


图 6-21 谭 木 匠 宣 传 册 的 图 片 编排 
(来 源 : 花瓣 网 ，http:Whuaban.com) 


图 6-22 ”楼 书 版 面 中 的 图 片 编排 
(来 源 : 花瓣 网 ，http:/huaban.com) 


ET Peero SOUD W DOL PRS wm 
TORRES FALLS A FINGERTIP SHY OF 60LD 


图 6-23 ”Rita Ora 演 唱 会 宣传 中 图 片面 积 大 小 的 对 图 6-24 ”报纸 版 面 中 图 片面 积 大 小 的 对 比 应 用 
比 应 用 (来 源 : 顶尖 设 计 ，http://www.bobd.cn/design/graphic/ 
(来 源 : DOOOOR 设 计 网 ，htipymwwwdoooorcom) works/media/200808/24989_6.html) 
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三 、 图 片 的 数量 

版 面 中 的 图 片 数量 也 直接 影响 到 读者 的 阅读 兴趣 。 如 果 一 个 版 面 上 没有 一 张 图 片 且 
文字 编排 也 没有 新 意 ,就 会 使 整个 版 面 变 得 枯燥 无 趣 。 如 果 只 采用 一 张 图 片 ,那么 其 质量 
就 决定 着 人 们 对 版 面 的 印象 ,这 张 图 片 就 成 为 显示 设计 格调 的 重要 因素 。 

图 片 数 量 的 增加 会 给 版 面 带 来 更 多 的 组 合 可 能 性 ,也 增加 了 版 面 的 信息 量 。 图 6-25 和 
图 6-26 所 示 的 是 两 张 电影 海报 的 设计 , 单 张 图 片 和 多 张 图 片 的 应 用 营造 了 截然 不 同 的 视 
觉 感受 。 但 是 ,图 片 的 数量 多 少 并 非 随心 所 欲 , 需 根据 版 面 的 信息 内 容 进行 精心 安排 。 


What if 
your past 
belongs 
to 


someone else...? 


THE MEMORY THIEF 


图 6-25 单 张 图 片 在 电影 海报 中 的 应 用 图 6-26 多 张 图 片 在 电影 海报 中 的 应 用 


(来 源 : 站 酷 ，http://www.zcool.com.cn/show/ZMTEyNjl4.html) (来 源 : 站 酷 ，http://www.zcool.com.cn/show/ 
ZMz Q3MjQ=5.html) 


四 、 图 片 的 组 合 分 布 


图 片 的 组 合 分 布 就 是 把 多 张 图 片 布局 在 同一 个 版 面 上 。 图 片 的 布局 方式 ,大 小 的 对 比 
等 因素 直接 影响 着 版 面 的 视觉 效果 。 图 6-27 所 示 为 图 片 大 小 均等 ,在 版 面 中 呈 对 称 或 镜 
像 式 的 布局 排列 ,这 样 的 版 面 给 人 非常 稳定 .安静 的 视觉 感受 。 如 图 6-28 所 示 , 图 片 高 度 
或 宽度 均等 ,排列 齐整 的 版 面 给 人 严谨 、 可 信赖 的 视觉 感受 。 如 图 6-29 所 示 , 图片 大 小 变 
化 大 ,布局 形式 丰富 的 版 面 给 人 起 伏 和 跳跃 感 。 不 同 的 组 合 分 布 方式 对 版 面 的 视觉 效果 有 
很 大 的 影响 ,设计 师 需 根据 设计 主题 反复 其 酌 。 


图 6-27 图片 大 小 均等 的 版 面 编排 
(来 源 : 顶尖 设计 ，http://www.bobd.cn/design/graphic/works/media/Index.html) 


MENTER SERIES 


图 6-28 ”图片 均 齐 的 版 面 编排 
(来 源 : 顶尖 设计 ，http://www.bobd.cn/design/graphic/works/media/Index.html) 


contents 


图 6-29 图片 大 小 变化 大 ， 布 局 形式 丰富 的 版 面 编排 
(来 源 : 顶尖 设计 ，http://www.bobd.cn/design/graphic/works/media/Index.html) 
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五 、 图 片 的 方向 


图 片 的 方向 性 主要 表现 为 图 片 本 身 的 画面 元 素 影响 着 整个 版 面 的 视觉 效果 。 图 片 的 
方向 性 可 以 通过 图 片上 人 物 的 姿态 .视线 等 来 获得 。 图 6-30 所 示 是 法 国航 空 公司 的 一 组 
平面 广告 。 设 计 师 利 用 图 片 方向 性 原理 ,使 广告 画面 处 处 充满 着 法 式 的 浪漫 与 优雅 ,把 蓝 
天 的 清新 和 法 航 的 轻盈 与 每 适 描绘 得 让 人 心旷神怡. 充满 向 往 。 


图 6-30 ”图 片 的 方向 性 原理 在 广告 中 的 应 
(来 源 : 站 酷 ，http://www.zcool.com.cn/show/ZOTY2OTY=/1.html) 


Ee 
家 久 家 居 或 时 尚 大 条 专 版 面 设计 
设计 任务 及 要 求 如 下 。 


(1) 任 选 家 居 类 杂志 或 时 装 类 杂志 ,杂志 栏目 和 内 容 不 限 ,可 选择 自己 熟悉 或 感 兴趣 
的 内 容 , 完 成 4 ~ 6 页 的 版 面 设计 。 

(2) 运用 计算 机 软件 完成 杂志 版 面 的 设计 排版 , 注意 图 片 的 表现 形式 。 

该 设计 实 训 的 榜样 作品 如 图 6-31 和 图 6-32 所 示 。 


(b) 


图 6-31 ”家居 杂志 版 面 设计 
(来 源 : 创意 中 国 ，http://daren.cyzg.com/forum-viewthread-from-master-tid-70291.html) 


4 
Bmore 


私人 定制 思 条 


JW 
志和 


图 6-32 ”时 装 杂 志 版 面 设计 
(来 源 : 百度 图 片 ，http://www.baidu.com) 
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扫 


条 志 版 艾 役 入 

杂志 也 称 期 刊 , 是 一 种 定期 出 版 物 ,有 固定 名 称 , 并 以 期 、. 卷 .号 或 年 .月 为 序 , 定 期 或 
不 定期 连续 出 版 的 印刷 读物 。 按 内 容 分 ,可 将 杂志 分 为 综合 性 期 刊 与 专业 性 期 刊 两 大 类 ， 
按 学 科 分 ,可 将 杂志 分 为 社 科 期 刊 .科技 期 刊 .普及 期 刊 三 大 类 ; 按 开本 分 ,可 分 为 大 
16 开 、16 开 .大 32 开 .小 32 开 等 。 

杂志 的 封面 分 为 封 一 、 封 二 、 封 三 . 封 四 。 封 一 即 封面 ,杂志 的 封 二 、 封 三 、 封 四 通常 为 
广告 页 。 杂 志 中 有 很 多 文章 ,编排 时 要 注意 页 面 的 整体 性 ,使 页 面 展开 后 具有 连贯 .统一 的 
视觉 效果 ,如 图 6-33 和 图 6-34 所 示 。 


列 天 头 


切口 


网 格 。 栏 地 肢 
图 6-33 ”杂志 内 页 版 面 术语 


图 像 的 版 面 编排 


THE PAGE LAYOUT OF THE MAGE 


图 6-34 ”杂志 内 页 版 面 设计 


Ez pp 
2 (1) 熟悉 字体 的 分 类 和 特征 ,能 在 设计 中 灵活 选择 适合 的 字体 。 
(2) 掌握 根据 版 面 信息 的 层级 有 效 设置 字符 规格 、 字 距 和 行距 。 
(3) 掌握 常用 的 文字 编排 方式 ,能 够 在 设计 中 灵活 运用 。 
(4) 理解 文字 图 像 化 和 装饰 化 的 设计 思路 。 


CR 


人 文字 是 版 式 设计 中 最 重要 的 构成 元 素 ,是 人 们 交流 和 传达 信息 的 
主要 手段 。 在 版 式 设计 中 ,文字 不 仅仅 局 限于 信息 传达 ,更 是 一 种 艺术 
的 表现 形式 。 

文字 编排 是 设计 师 工作 中 最 基本 的 内 容 , 也 是 设计 师 设计 能 力 和 
设计 水 平 最 基本 的 考核 环节 。 优 秀 的 设计 师 往往 能 很 好 地 根据 设计 信 
息 的 不 同 层级 ,设计 出 引导 视觉 阅读 流程 的 版 面 ,突出 信息 的 重点 ,提高 
信息 传播 的 效率 ,优化 信息 传递 的 效果 ,引领 人 们 时 尚 审美 的 新 视角 。 


第 一 节 了 解 和 选择 字体 


一 、 字 体 的 分 类 
版 式 设计 中 最 基本 的 元 素 就 是 文字 。 字 体 是 指 文字 的 风格 款式 ,也 可 以 理 


解 为 文字 的 图 形 样式 。 平 面 设计 中 的 字体 主要 是 指 为 了 印刷 媒介 的 需要 而 设计 
出 的 适合 制版 印刷 的 字体 。 虽 然 一 个 世纪 以 来 ,文字 的 若干 细节 有 了 一 些 变化 ， 
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但 字体 的 基本 构架 却 没有 太 大 变化 。 

自 20 世 纪 80 年 代 以 来 ,计算 机 的 字库 提供 了 各 种 风格 类 型 的 字体 供 设计 师 选用 。 但 同时 ， 
类 型 繁多 的 字体 使 得 版 式 设计 越 来 越 富有 挑战 性 。 当 今 设 计 师 必须 不 断 地 感受 与 体会 不 同 字 
体 的 风格 类 型 和 视觉 效果 ,为 不 同 的 设计 主题 选择 最 为 贴切 的 字体 ,进行 有 效 的 信息 传达 。 

( 一 ) 汉字 字体 

汉字 又 称 为 中 文字 ,是 记录 汉语 的 文字 。 汉 字 也 是 世界 上 运用 人 数 最 多 的 文字 形式 ， 
是 世界 文明 史上 历史 最 为 悠久 的 文字 之 一 。 汉 字 随 着 时 代 的 发 展 ,演变 成 了 众多 字体 形式 。 

1. 书 刻字 体 
书 刻字 体 主 要 是 指 书写 或 碑刻 的 文字 字体 。 在 中 国文 化 中 ,书法 是 一 门 举足轻重 的 艺 
术 。 书 法 作为 一 门 艺术 出 现在 汉 末 魏 晋 。 中 国 书法 从 字体 类 型 上 主要 分 为 篆 . 隶 、 楷 、 草 、 
行 5 类 。 书 法 与 中 国文 化 之 道 紧 密 相连 , 它 反映 自然 之 象 ,体现 结构 之 美 ,是 中 华 传统 文化 
的 精髓 。 

(1) 篆书 

篆书 起 源 于 周 朝 末 年 , 流行 于 战国 时 的 秦 国 一 带 ,至 秦始皇 时 达到 易 盛 ,汉代 开始 误 
退 。 习 惯 上 人 们 把 东周 时 秦 国 的 石刻 称 为 大 篆 , 而 秦始皇 时 流行 的 篆书 称 为 小 每。 大 繁 
如 图 7-1 所 示 , 线 条 均匀 柔和 ,简练 生动 ,结构 趋向 整齐 ,为 汉字 的 方块 宇 结构 黄 定 了 基础 。 
小 繁 如 图 7-2 所 示 ,形体 简化 ,线条 规范 化 ,笔画 匀 整 圆润 ,结构 规整 ,装饰 性 强 。 

(2) 隶书 

隶书 又 称 为 八 分 字 , 是 在 篆书 和 秦 隶 的 基础 上 演化 而 来 的 。 到 了 汉代 ,隶书 得 到 了 广 
泛 采 用 ,并 逐渐 走向 完善 和 成 熟 。 隶 书 如 图 7-3 所 示 , 字 形变 长 方 为 扁 方 形 ,笔画 以 方 线 为 
主 , 方 中 带 圆 ,字形 舒展 ,结构 均衡 ,华贵 .端庄 .气度 宏 博 。 


图 7-1 大 篆 图 7-2 小 篆 图 7-3 隶书 
(来 源 : 智 贤 帝 艺术 馆 ，http://www. (来 源 : 良友 网 站 ，http:/2009.1926cn. (来 源 : http://zhpan.com.cn/ 
kongkeli.cn/learnc/learnc1_ com/content/text/culture/a/a/ WwW/search/?r=baidu. 


a2.asp) content/142.shtml) com & query) 


3) 想 
楷书 起 源 于 魏 亚 时代, 南北 朝 时 分 流 发 展 , 到 隋 开始 融合 ,和 人 唐 以 后 


出 现 了 


众多 楷书 艺术 家 。 楷 书 如 图 7-4 所 示 , 变 素 书 的 扁 方 为 正方 , 字 势 向 内 集中 ,确立 了 汉字 的 


结构 和 形体 ,笔画 平 直 ,字体 方正 ， 
(4) 草书 


工整 秀丽 ,强调 结构 的 平整 美 。 


楷书 的 草 体 叫 草 楷 或 今 草 , 介 于 行书 与 草书 之 间 的 可 称 为 行 草 , 草 


汉 末 到 魏 晋 的 草书 还 带 有 隶书 的 


之 上 还 有 狂 草 。 


味道 。 到 东晋 ,经 过 王 义 之 的 “ 变 体 ” ,草书 才 脱胎 换 骨 。 


唐 代 草 书 趋 于 成 熟 并 出 现 了 众多 名 家 。 草书 如 图 7-5 所 示 , 字 


(5) 行书 


线 为 主 ,节奏 强烈 , 似 行云流水 ,流畅 而 充满 激情 。 


行书 是 介 于 楷书 与 草书 之 间 的 一 种 书法 艺术 。 东 晋 的 “| 


区 简 化 ,结构 紧凑 ,笔画 以 圆 、 


忆 圣 ” 王 义 之 尤其 擅长 行书 。 


i 


其 代表 作 是 《兰亭 集 序 》, 号 称 “天 下 第 一 行书 "。 在 行书 方面 


蔡京 也 很 有 名 气 。 行 书 如 图 7-6 所 示 , 简 化 了 楷书 的 笔画 , 采 
流畅 洒脱 , 气 脉 相通 ,格调 清新 ,活泼 自由 。 


(来 源 : 三 典 轩 书画 网 ，http:/ (来 源 : 
Www.3zitie.cmarticle/ 
article_2536.html) 


2. 印刷 字体 


网 易 博客 ，http://blog.163.com/ 
whtmx@126/blog/static/9589 
8279201171251049364/) 


,宋代 的 苏轼 .黄庭坚 、 米 蒂 、 
草书 连绵 的 笔法 ,笔画 结构 
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: 三 典 轩 书画 网 ，http://www. 


3zitie.cn/html13/zitiepic_ 


574 


45635.html) 


印刷 字体 的 出 现 具有 里 程 碑 式 的 意义 , 它 使 得 汉字 笔画 及 结构 得 到 了 固化 ,汉字 得 有 


更 广泛 的 传播 ,成 为 信息 交流 的 


E 要 载体 。 


(1) 宋体 

宋体 是 我 
谓 的 宋体 是 对 各 种 宋体 的 总 称 , 主 要 有 : 老 宋 体 、 标 宋 , 粗 细 宋 体 、 明 宋 等 字体 ,是 在 北宋 雕 
版 字体 的 基础 上 发 展 而 来 的 。 

宋体 的 笔画 造型 外 形 方正 ,笔画 横 平 竖 直 , 横 细 竖 粗 ,笔画 连接 处 有 装饰 角 , 点 、 撤 、 


图 


印刷 体 中 历史 最 长 .应 用 最 广 的 活字 ,是 中 国 汉字 标准 的 印刷 体 。 现 在 所 


捧 、 挑 、 钧 的 最 宽 处 与 竖 画 粗细 相同 ,细节 如 图 7-7 所 示 。“ 横 细 坚 粗 撤 如 刀 , 点 如 准 嘴 捧 如 
扫把 ”这 句 话 形象 地 概括 了 粗 宋 体 的 笔画 特征 ,如 图 7-8 所 示 。 宋 体 的 字体 风格 规矩 稳重 、 
典雅 工整 .严肃 大 方 .具有 古朴 .端庄 .稳重 之 感 ,如 图 7-9 所 示 。 


一 仿 变 动 关子 有 


和 
i MNpa 


图 7-7 ”宋体 的 笔画 造型 图 7-8 ”宋体 的 笔画 特征 


典雅 工整 ， 古 朴 端 庄 


图 7-9 宋体 的 字体 风格 


(2) 黑体 

汉字 黑体 字 的 产生 与 19 世纪 初 非 金 斯 (英国 ) 设计 的 无 衬 线 体 是 分 不 开 的 。 这 种 无 
衬 线 体 的 特征 是 笔画 粗细 相等 ,两 端 无 装饰 线 脚 ,具有 粗 久 醒目 的 风格 ,后 通过 商贸 传播 
到 日 本 ,并 融合 到 日 文中 ,大 约 在 19 世纪 末 形 成 了 汉字 的 黑体 字 。 

黑体 字 与 宋体 的 形态 相反 ,所 有 的 笔画 粗细 一 致 , 方 头 方 尾 , 如 图 7-10 所 示 。 黑 体 字 
具有 简洁 、 明 快 .浑厚 有 力 、 传 达 力 强 的 视觉 特征 ,如 图 7-11 所 示 , 在 现代 设计 中 应 用 非常 
广泛 。 设 计 师 也 多 以 黑体 为 基础 ,设计 新 颖 而 有 特点 的 设计 字体 。 

(3) 仿宋 体 

仿宋 体 是 介 于 宋体 与 楷书 之 间 的 一 种 书 体 ,最 初 源 于 雕版 书 体 正 文中 的 夹 注 小 字 。 字 
形 细 而 略 长 , 以 示 同 正文 的 区 别 。 它 的 特征 如 图 7-12 所 示 , 笔 画 粗细 均匀 ,起 、 收 笔 顿 挫 明 
显 。 整 体 风格 挺拔 秀丽 .纤巧 俊 逸 ,如 图 7-13 所 示 。 经 过 历代 发 展 , 这 种 字体 逐渐 固定 为 


/| 
D\K 
\ 


my | = 
J 一 
图 7-10 ”黑体 的 笔画 特征 


图 7-12 ”仿宋 体 的 笔画 特征 


一 种 印刷 字体 , 间 


F 沿 用 至 今 。 


(4) 现代 印刷 体 


随 着 计算 机 
已 大 量 出 现 了 无 


计算 机 技术 
了 态 各 异 的 设计 


印刷 的 效率 。 


简洁 明快 ， 浑 厚 有 力 


图 7-11 黑体 的 字体 风格 


捍 拔 秀丽 ， 纤 巧 俊 逸 


图 7-13 ”仿宋 体 的 字体 风格 


技术 的 广泛 应 用 ,印刷 已 由 原来 的 铝 版 印刷 发 展 到 今天 的 激光 照排 ,甚至 
版 印刷 。 铝 字模 已 成 为 历史 ,印刷 体 的 概念 也 发 生 了 巨大 的 变化 。 
的 广泛 应 用 推动 了 印刷 领域 的 快速 发 展 ,设计 师 可 以 根据 具体 需要 设计 出 


字体 ,并 能 很 快 地 印 制 成 成 品 。 文 字 的 形态 得 到 了 前 所 未 有 的 突破 ,从 而 
推动 了 字体 设计 行业 的 迅猛 发 展 ,出 现 了 专门 从 事 字体 设计 的 机 构 和 公司 。 这 些 机 构 和 公 
司 不 断 推出 新 型 的 计算 机 字库 ,如 方正 字库 . 汉 仪 字库 、 文 易 字库 等 。 图 7-14 所 示 是 汉 
仪 字库 中 的 几 种 具有 代表 性 的 字体 。 这 些 字 库 大 大 满足 了 设计 师 的 需求 ,提高 了 设计 和 
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118 。 旅 式 设计 (第 2 版 ) 


汉 仪 综艺 简体 汉 仪 双 线 简体 
汉 仪 火柴 简体 汉 仪 秀 英 简 体 
汉 仪 姜 员 简体 ” 冲 亿 漫步 商 体 


图 7-14” 汉 仪 字 库 中 的 字体 


( 二 ) 拉 了 J 字母 字体 


拉丁 字母 是 世界 上 使 用 地 域 最 广泛 的 文字 ,世界 上 应 用 拉丁 字母 的 国家 有 60 多 个 ,我 


国 的 汉语 拼音 和 一 些 少 数 民族 的 文字 也 都 采用 了 拉丁 字母 ,拉丁 字母 可 以 认为 是 世界 上 通 


用 的 字母 。 


拉丁 字母 经 过 漫长 的 历史 演变 ,形成 了 多 种 多 样 的 字体 体系 ,字形 结构 及 其 字 幅 差 的 


比例 往往 相差 甚 远 。 拉 丁字 母 字体 体系 可 分 为 罗马 体 体系 ( 见 区 
图 7-16) .埃及 体 体 系 、 无 饰 线 体 体 系 〈 见 图 7-17) .手写 体 体系 .装饰 体 体系 ( 见 图 7-18)、 
图 形体 体系 ,每 种 体系 里 各 自 双 有 一 些 字体 。 每 年 都 有 数 不 尽 的 “新 款 ” 字体 被 开发 制造 ， 


如 图 7-19 所 示 , 但 只 有 极 少数 字体 能 经 得 起 时 间 的 考验 。 


7-15)、 哥 特 体 体系 ( 见 


ABCDEFGHIJKLMNOPQRSTUVWXYZ 


abedefehijklmnopgrstuvwxyz 


图 7-15 ”现代 罗马 体 ( Times New Roman ) 


入 如 姬 习 正 太 人 6 太 术 MOP ONSETLUYVWAUz 
abrdefrhtikliii rryr lr yz 


图 7-16 哥 特 体 ( GothicE ) 


ABCDEFGHIJKLMNOPQRSTUVWXYZ 
abcdefghijklImnopqrstuvwxyz 


图 7-17 无 饰 线 体 ( Arial ) 


REEDEFGHIIKIATLOPERS VW AY A 


abedeighijkimnoparstuv wxyz 


图 7-18 ”装饰 体 ( Acadian ) 


月 BECCEFGHIJHLmHORPRORSTUV 山 ”二 
bcdEFmahiklmnapgaqrrctyu wu 


图 7-19 现代 像素 体 ( 04b_03b ) 


二 、 字 体 的 选择 

文字 在 版 式 设 计 中 是 重要 的 视觉 传达 元 素 ,文字 的 字体 样式 不 同 ,所 呈现 的 版 面 风格 
也 有 所 差异 。 每 一 种 字体 都 有 它 的 性 格 ,特点 ,而 不 同 的 性 格 、 特 点 的 字体 又 会 给 观 者 不 同 
的 视觉 感受 。 因 此 ,作为 设计 师 ,熟悉 并 掌握 各 种 字体 的 性 格 特征 和 造型 风格 ,有 助 于 合理 
地 运用 字体 ,提升 设计 作品 的 传播 力 。 

从 传达 信息 的 角度 看 ,商业 设计 中 的 文字 可 分 为 : 标题 .副标题 .正文 . 附 文 等 ,如 
图 7-20 所 示 。 设 计 师 必须 根据 文字 内 容 的 主 次 关系 ,采用 合理 的 视觉 流程 进行 编排 ,根据 
不 同 版 式 需求 选择 不 同 的 字体 ,在 吸引 大 众 目 光 的 同时 更 好 地 传达 信息 。 


不 一 桩 63 


冬装 新 品 发 布 《 潮 男 出 街 范 》 


图 7-20 商业 设计 中 的 文字 信息 
(来 源 : 站 酪 ，http://www.zcool.com.cn/work/ZMTcOMjl1Ng==.html) 


中 文字 体 中 ,黑体 简洁 明了 , 现代 感 强 , 笔画 粗细 变化 多 ,便于 应 用 ,如 图 7-21 所 示 。 
宋体 给 人 大 方 .典雅 的 感觉 ,而 且 具 有 传承 中 国 书法 艺术 的 造型 细节 ,无论 是 作为 标题 还 是 
正文 ,都 给 人 精致 独特 的 视觉 感受 ,如 图 7-22 所 示 。 传 统 的 书法 字体 洋溢 着 中 国 传统 书法 
艺术 的 魅力 ,独特 而 彰显 文化 气息 ,如 图 7-23 所 示 。 


图 7-21 黑 变 体 在 版 面 中 的 应 用 
(来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) 
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图 7-22 宋体 在 书籍 封面 中 的 应 用 图 7-23 ”书法 字体 在 书籍 封面 中 的 应 用 


(来 源 : 艺术 中 国 网 ，http://www.vartcn.com/Article/ (来 源 : 艺术 中 国 网 ，http://www.vartcn.com/Article/ 
pmsj/ZGYS/200509/6364_2.html) pmsj/ZGYS/200509/6364.html) 


不 同 的 字体 代表 不 同 的 风格 ,而 字体 选择 的 核心 是 要 与 所 传达 内 容 的 主题 相符 , 并 要 
与 整体 版 面 的 图 形 和 文字 风格 相 协调 。 

字体 在 版 面 中 可 以 根据 版 面 的 主要 传达 内 容 而 不 断 变化 。 但 在 一 个 版 面 中 ,字体 的 种 
类 一 般 不 超过 4 种 ,字体 种 类 过 于 繁杂 会 扰乱 版 面 的 整体 风格 。 一 般 较 正式 的 版 面 在 编排 
文字 时 不 会 太 强调 文字 的 字体 变化 ,而 是 以 一 种 规整 严肃 的 字体 形式 编排 在 版 面 中 ,给 人 
稳定 .可 信赖 的 心理 感受 。 

7-24 所 示 的 是 哈尔滨 学 院 的 宣传 册 设计 方案 ,版 面 设 计 规 整 ,图 片 用 数字 切割 过 
渡 , 衔 接 自然 得 体 。 版 面 中 字体 以 稳重 大 方 的 宋体 字 为 主 ,字体 种 类 也 较为 单一 ,强化 版 面 
的 整体 感 ,以 体现 标准 化 .国际 化 的 形象 理念 。 


优化 下放 
全 面 育 人 


图 7-24 宣传 册 版 面 设 计 中 的 字体 运用 


但 一 些 具有 宣传 性 的 活动 介绍 .封面 设计 、 招 贴 设计 的 版 面 则 要 求 文字 尽 可 能 地 提高 
跳跃 率 ,在 众多 信息 中 脱颖而出 ,体现 出 版 面 活跃 的 视觉 效果 。 图 7-25 所 示 是 某 电子 商 
务 网 站 促销 活动 的 网 络 广告 设计 方案 ,画面 运用 插图 和 个 性 化 的 手写 字体 吸引 眼球 , 烘 
托 氛 围 。 


7-25 ”网 络 广 告 设计 中 的 字体 运用 
(来 源 : 站 酷 ，http://www.zcool.com.cn/worK/ZMTcyNjAyMA==.html) 


文字 最 主要 也 是 最 基本 的 功能 就 是 传播 信息 ,文字 编排 要 服从 表达 主题 的 要 求 ,符合 
人 们 的 阅读 习惯 ,方便 读者 阅读 。 因 此 ,掌握 字符 规格 的 设置 和 行距 ,间距 的 设置 非常 重要 。 


一 、 字 符 规格 

字符 规格 是 指 从 笔画 最 顶端 到 最 底 端的 距离 ,也 即 字符 的 大 小 。 国 际 上 常用 的 字符 规 
格 有 号 数 制 和 磅 数 制 。 设 计 排 版 软件 中 字符 规格 的 设置 多 为 磅 数 制 。 

设置 字符 规格 的 主要 作用 是 通过 字体 大 小 区 分 不 同 的 文字 信息 ,使 文字 信息 产生 一 种 
具有 次 辑 性 与 组 织 性 的 视觉 效果 ,引导 阅读 的 流程 。 例 如 一 篇 文章 的 大 标题 一 般 采用 较 大 
磅 值 或 者 较 粗 的 字体 来 体现 它 的 重要 性 ,然后 根据 阅读 需要 依次 缩小 字体 大 小 的 磅 值 ,从 
而 实现 方便 读者 阅读 的 视觉 效果 ,如 图 7-26 所 示 。 
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版 式 设计 ( 第 2 版 


NOUVEAUTES a 


(a) (b) 
(来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) (来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) 


YATAI MANSION 
WEALTH PRIME 
BUSINESS DISTRICT 


(c) 
(来 源 : 图 行 天 下 ，http://www.photophoto.cn/design/2008quanqiuguanggaonianjian) 


图 7-26 ”宣传 册 设 计 中 字符 大 小 的 应 用 


字体 大 小 和 笔画 粗细 的 不 同 可 以 直接 影响 到 版 面 效 果 。 在 版 面 设计 中 ,标题 所 使 用 的 
字体 最 大 .最 突出 .最 醒目 ,正文 的 字体 就 要 减 小 ,副标题 字体 的 大 小 则 要 介 于 标题 字体 与 
正文 字体 之 间 。 标 题 文字 可 以 选择 笔画 粗 的 字体 , 以 增强 视觉 冲击 力 ,吸引 观 者 的 注意 力 ， 
而 正文 要 根据 文字 的 多 少 、 印 刷 工艺 的 要 求 等 选择 字体 的 笔画 粗细 ,例如 杂志 的 封面 设计 ， 
刊 名 往往 采用 笔画 较为 粗 重 或 造型 极 具 特点 的 字体 以 吸引 读者 视线 ,不 同 层级 的 标题 则 通 
过 字体 和 字号 逐 级 减弱 ,形成 不 同 的 信息 层级 ,如 图 7-27 所 示 。 

在 版 面 设计 中 ,运用 不 同 风格 的 字体 ,同时 通过 字体 大 小 .粗细 的 强烈 对 比 , 会 使 设计 
画面 更 加 生动 、 活 跃 ,在 有 效 传达 信息 的 同时 富 于 视觉 冲击 力 , 如 图 7-28 所 示 。 其 中 ， 
图 7-28 (a)、(b) 所 示 是 2008 年 北京 奥运 会 期 间 《 奥 运 新 报 》 的 版 面 设计 方案 ,版 面 活泼 ， 
文字 信息 层级 清晰 ,有 很 强 的 视觉 冲击 力 和 感染 力 。 
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(b) 
(来 源 : 设计 之 家 ，www.sj33.cn) 


DON'T MISS OR, LOCAL GIFT GUIDE mer 


MONTHLY 


(d) 
(来 源 : 站 酷 ，http://www.zcool.com.cn/show/ (来 源 : 设计 之 家 ，www.sj33.cn) 
ZMTAxMjYO/2.html) 
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7-27 ”杂志 封面 的 文字 层级 
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(来 源 : 美 编 之 家 ，http://www.aehome.cn/portal.php) (来 源 : 花瓣 网 ，http:Whuaban.com) 


The Pirginian~}ilot 


Pope News feader 


Seeond discovery 


Senily no douby 


(c) 
(来 源 : 花瓣 网 ，http:W/huaban.com) (来 源 : 花瓣 网 ，http://huaban.com) 


图 7-28 ”报纸 版 面 设计 中 的 文字 编排 


人 的 正常 阅读 距离 为 30 ~ 35cm。 普 通 开本 的 小 型 印刷 品 ,正文 所 用 字符 的 规格 应 该 限 
制 在 一 定 范围 内 , 太 大 或 太 小 都 不 便于 阅读 。 书 籍 或 普通 印刷 品 的 正文 大 小 适用 9 ~ 12 磅 
的 字号 ,报刊 正文 最 常用 的 字符 规格 为 9 磅 。 书 刊 中 的 图 注 和 名 片 、 信 得 上 的 地 址 、 电 话 号 
码 等 内 容 可 用 小 于 正文 文字 的 字符 进行 编排 ,但 要 注意 ,不 足 6 磅 的 字符 难以 阅读 。 

大 型 印刷 品 如 海报 .教学 挂图 中 的 字符 ,应 根据 其 版 面 尺寸 和 阅读 距离 确定 字符 规格 。 
而 少儿 读物 和 老年 书刊 中 的 字符 要 相对 设置 得 大 些 。 一 般 来 说 ,老年 人 很 难看 清 小 于 10 磅 
的 字符 。 

值得 注意 的 是 ,由 于 计算 机 显示 的 页 面 大 小 很 难 与 最 后 印 制 的 幅面 一 致 ,所 以 字体 的 
大 小 难以 在 显示 器 上 准确 地 显示 出 来 。 同 样 ,直角 平面 .投影 显示 与 印刷 纸张 是 完全 不 同 
的 媒介 ,很 难 在 比例 上 相互 对 应 。 所 以 ,设计 师 应 该 配备 一 张 字体 字符 的 样张 ,为 字符 规格 
的 选择 提供 依据 。 


二 、 字 距 与 行距 

字 距 与 行距 也 是 决定 版 面 形式 和 影响 阅读 的 重要 因素 。 在 设置 字 距 和 行距 时 ,首先 要 
考虑 阅读 的 便利 性 。 文 字 编排 的 芍 密 直 接 影响 着 阅读 者 的 心情 与 阅读 的 速度 ,所 以 合理 设 
置 文字 的 玻 密 是 很 重要 的 。 可 以 结合 点 、 线 , 面 的 知识 ,把 单个 文字 看 作 点 ,文字 有 秩序 .有 
规律 的 编排 形成 线 和 面 , 引 导 视 觉 流 向 ,达到 良好 的 版 面 效果 ,如 图 7-29 所 示 。 


Heartatiack 
> 心 合 攻击 < 


) | (加 
二 二 
图 7-29 自由 版 式 设计 中 的 点 线 面 构成 ( 1 ) 
(设计 者 : 地 明 ) 
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设置 字 距 与 行距 在 传播 信息 的 同时 还 可 以 作为 创意 设计 表现 的 手法 ,形成 版 面 风格 。 
图 7-30 所 示 是 某 艺 术 展 的 相关 印刷 品 设计 ,包括 海报 .请 束 和 门票 。 该 艺术 展 由 黑白 两 方 
代表 不 同 艺术 观点 的 艺术 作品 构成 ,海报 则 设计 成 强烈 对 比 的 黑白 两 色 ,版式 上 利用 中 英 
文字 体 大 小 及 字 距 ,行距 的 自由 编排 形成 主要 视觉 和 信息 元 素 。 请 束 和 门票 则 沿用 这 一 创 
意 点 和 主 视觉 元 素 ,强化 字体 编排 的 设计 效果 和 版 面 风格 。 


协办 单位 ， 
陕西 省 美术 圩 物 馆 、 西 安 晚 报 、 三 秦 痢 市 棚 PE 


并 幕 
过 当月 委 日 19.30 党 法 月 玉 支持 日 位 
edhe nan la 


图 7-30 ”自由 版 式 设计 中 的 点 线 面 构 成 ( 2 ) 
(设计 者 : 贾 云 淞 ) 


第 三 节 ”文字 编排 的 方式 


文字 排列 的 方式 决定 阅读 的 效果 ,设计 师 要 根据 表达 的 主题 和 设计 风格 的 需要 选择 文 
字 的 排列 方式 。 文 字 编 排 的 方式 不 同 ,版 面 的 规整 程度 和 阅读 流程 也 有 所 不 同 。 文 字 编 排 
的 方式 多 种 多 样 ,关键 在 于 如 何 把 握 好 文字 和 图 片 的 关系 ,使 它们 达到 相互 融 治 的 效果 ， 
信息 得 到 有 效 的 传播 。 归 纳 文字 的 编排 方式 ,常用 的 主要 有 以 下 几 种 。 


一 、 左 右 齐整 
左右 齐整 的 编排 方式 是 指 文字 横 排 时 段落 左 端 到 右 端 的 宽度 保持 一 致 , 竖 排 时 上 端 到 


下 端的 高 度 保持 一 致 。 出 版 物 的 正文 大 多 以 此 方式 排 印 。 左 右 齐 整 的 编排 使 文字 段落 显 
得 规整 .严谨 ,大方 .美观 。 左 右 齐整 的 版 面 可 分 为 横向 排列 和 纵向 排列 两 种 。 

(一 ) 横向 排列 

横向 左右 齐整 的 字体 排列 方式 在 书籍 .报刊 .杂志 正文 最 为 常见 ,如 图 7-31 所 示 。 
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(a) (b) 
(来 源 : 花瓣 网 ，http:/huaban.com) (来 源 : 素 彩 网 ，http:/www.sc115.com/shows/98886_8.html) 


图 7-31 横向 左右 齐整 的 编排 方式 在 杂志 排版 中 的 应 用 
(二 ) 纵向 排 副 


文字 纵向 上 下 齐整 是 中 国 传统 书籍 文字 编排 的 典型 方式 ,所 以 在 表现 传统 主题 的 中 式 
风格 中 常常 运用 这 种 排列 方式 ,以 体现 儒雅 的 东方 韵味 ,如 图 7-32 所 示 。 


二 、 中 央 对 齐 

中 央 对 齐 的 编排 方式 是 指 以 中 心 线 为 轴 心 ,两边 的 文字 距 页 边 的 距离 相等 。 这 种 编排 
方式 的 特点 是 使 视线 更 加 集中 ,整体 性 加 强 ,更 能 突出 中 心 。 

文字 中 央 对 齐 的 方式 不 太 适合 编排 信息 量 较 大 的 正文 ,但 十 分 适合 编排 标题 ,常用 于 
书籍 封面 或 海报 的 设计 。 图 7-33 所 示 是 德国 新 锐 设计 师 的 海报 设计 作品 ,其 版 面 就 应 用 
了 中 央 对 齐 的 文字 编排 方式 ,这 类 版 面 给 人 简洁 .大 方 、 高 格调 的 视觉 感受 。 
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(a) (b) 


(来 源 : 站 酷 ，http://www.zcool.com.cn/show/ZMTAyNDg4.html) 


三 、 左 对 齐 与 右 对 齐 

左 对 齐 与 右 对 齐 的 排列 方式 如 图 7-34 所 示 , 这 种 排列 方式 空间 感 较 强 ,使 整个 文字 段 
落 能 够 自由 呼吸 ,具有 很 强 的 节奏 感 。 左 对 齐 是 阅读 中 最 常见 的 编排 方式 ,符合 人 们 阅读 
时 的 习惯 。 右 对 齐 在 版 面 中 不 常见 , 它 可 使 版 面具 有 新 颖 的 视觉 效果 。 


2 
ee 
© 
CN 
ba 
[=| 
[2 


图 7-34” 左 对 齐 或 右 对 齐 排列 方式 在 海报 中 的 应 用 
(来 源 :，DOOOOR 设 计 网 ，http://www.doooor.com) 


四 、 自 由 编排 


自由 的 文字 编排 方式 打破 了 文字 编排 的 常规 ,使 版 面 更 趋 活泼 感 和 新 奇 感 ,形成 独 具 
特色 的 版 面 效果 。 图 7-35 所 示 是 VS 杂志 的 封面 设计 。 为 表现 音乐 的 主题 ,设计 师 运用 
自由 版 式 的 编排 方式 ,文字 随 着 画面 流动 ,表达 音乐 灵动 .每 缓 的 节奏 感 , 极 富 感 染 力 。 

但 值得 注意 的 是 ,版 面 无 论 如 何 编排 ,都 要 避免 条 乱 无 章 的 感觉 ,要 遵循 视觉 规律 。 这 
类 编排 方式 需要 设计 师 花 许多 时 间 和 精力 反复 调整 ,但 确实 为 版 面 设计 提供 了 无 限 的 可 能 
性 。 常 用 的 自由 编排 方式 有 以 下 几 种 类 型 。 

(一 ) 倾 介 

倾斜 的 编排 方式 如 图 7-36 所 示 , 是 指 将 整 段 或 整 句 文字 排列 成 倾斜 状 ,构成 非 对 称 的 
画面 平衡 形式 ,使 版 面具 有 方向 感 和 运动 感 ,给 人 强烈 的 视觉 冲击 。 这 种 编排 方式 常用 于 
招贴 的 设计 中 。 了 

(二 ) 办 形 

沿 形 的 编排 方式 如 图 7-37 所 示 , 是 指 将 文字 围绕 着 图 片 或 图 形 进行 排列 ,让 文字 
随 着 图 像 的 轮廓 起 伏 , 时 而 紧张 ,时 而 平缓 ,具有 强烈 的 节奏 感 和 跳跃 性 ,使 版 面 生动 
活泼 。 
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CENTRO 
CULTURAL 
VILA FLOR 


BUPAAES 


2 


Moscat 
TANCZAC 
VCIEMNOSCIACH 


PIANISTKA 


mm FITZCARRALDO 


(a) (b) 


(来 源 :， DOOOOR 设 计 网 ，http://www.doooor.com) (来 源 : 站 酷 ，http://www.zcool.com.cn/show/ 


ZNDAzNDQ=/2.html) 


图 7-35 ”VS 杂志 封面 设计 


FP7.THE EVOLTON WL NOT BE TELEVISED. 


(b) 
(来 源 : 站 酷 ，http://www.zcool.com.cn/show/ 
ZMTEXxMijlw/7.html) 


7-36 倾斜 的 编排 方式 在 海报 设计 中 的 应 用 


(来 源 : DOOOOR 设 计 网 ，http:/www.doooorcom) 


| 


( 三 ) 突变 

突变 的 编排 方式 如 图 7-38 所 示 ,是 指 在 一 组 整体 有 规律 的 文字 群 中 ,个 别 单词 或 词组 
出 现 异 常 变化 ,但 是 没有 破坏 整体 效果 ,起 到 标题 或 核心 信息 突出 的 作用 。 这 种 打破 规律 
的 局 部 突变 给 版 面 增添 了 新 的 视觉 焦点 ,达到 吸引 人 们 注意 的 视觉 效果 。 


D> 
从 


QI U 
ps 


图 7-37 ” 沿 形 的 编排 方式 在 海报 设计 中 的 应 用 图 7-38 ”突变 的 编排 方式 在 海报 设计 中 的 应 用 
(来 源 : 站 酷 ，http:/www.zcool.com.cn/show/ZMT (来 源 : 设计 赢 ，http://www.siin.cn/149253n.html#) 
ExMjlw/5.html) 


第 四 节 ”文字 的 图 像 化 和 装饰 化 


文字 源 于 生活 ,起 源 于 绘画 。 文 字 既 是 语言 信息 的 载体 ,又 是 具有 视觉 识别 特征 的 符 
号 系统 。 任 何 一 种 形式 的 文字 字体 都 具有 图 形 意义 ,文字 的 外 形 、 结 构 和 笔画 本 身 就 可 以 
看 作 具 有 特定 含义 和 固定 形态 的 一 种 图 形 。 

文字 在 版 面 中 的 设计 应 用 包括 多 种 构成 和 装饰 手法 ,不 单 是 字体 造型 的 设计 ,而 是 以 
文字 的 内 容 为 依据 进行 艺术 处 理 ,进而 创作 出 具有 深刻 文化 含义 的 字体 形象 , 以 体现 文字 
设计 的 思想 性 和 情感 气质 。 


一 、 图 像 化 表现 
现代 版 式 中 的 字体 设计 并 不 只 停留 在 对 文字 进行 美化 加 工 ,更 注重 通过 字形 和 字 意 进 
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行 个 性 化 的 设计 。 

新 的 文字 设计 发 展 潮流 中 有 几 种 引 人 注 目的 倾向 。 首 先是 对 手工 艺 时 期 字体 设计 和 
制作 风格 的 回归 。 图 7-39 所 示 是 国外 干果 产品 的 包装 设计 ,其 字体 就 运用 了 这 种 风格 。 
字体 的 边缘 处 理 得 很 不 光滑 , 字 与 字 之 间 也 排列 得 高 低 不 一 ,使 字体 表现 出 一 种 特定 的 竟 
味 。 其 次 是 对 各 种 历史 上 曾经 流传 过 的 设计 风格 的 改造 ,如 图 7-40 所 示 , 这 种 倾向 是 从 一 
些 古 典 和 传统 字体 中 吸取 经 典 的 部 分 加 以 夸张 或 变化 ,表达 独特 的 形式 美 。 


图 7-39 干果 产品 包装 上 的 字体 设计 
(来 源 : 站 酷 ，http://www.zcool.com.cn/show/ZMTExNzUy/1.html) 


随 着 计算 机 图 形 设计 软件 在 设计 领域 的 广泛 应 用 ,字体 和 版 式 设计 出 现 了 越 来 越 多 的 
表现 形式 。 设 计 师 可 以 利用 计算 机 的 各 种 图 形 处 理 功能 ,对 字体 的 造型 .质感 等 进行 各 种 
处 理 ,使 之 产生 一 些 全 新 的 视觉 效果 ,以 吸引 大 众 的 眼球 。 

图 7-41 所 示 是 某 母 遇 育 儿 网 站 组 织 推广 活动 的 背景 板 设计 方案 。 设 计 师 运用 设计 软 
件 ,结合 卡通 造型 的 特点 ,实现 了 对 文字 图 形 化 的 处 理 ,将 文字 形象 与 卡通 图 形 有 效 融合 ， 
很 好 地 突出 了 活动 主题 。 

图 7-42 所 示 是 海报 设计 中 运用 设计 软件 实现 的 各 种 字体 质感 。 随 着 设计 软件 的 发 展 ， 
运用 金属 .玻璃 .岩石 等 材质 表现 字体 ,已 经 越 来 越 受 到 设计 师 的 青睐 。 
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图 7-40 复古 风格 海报 设计 
(来 源 : 站 酷 ，http://www.zcool.com.cn/show/ZMTExMijlw/1.html) 


图 7-41 背景 板 设计 中 的 字体 造型 
(来 源 : 站 酷 ，http:/www.zcool.com.cn/workZMTgxMTY2OA==/2.html) 


图 7-42 海报 设计 中 不 同 质感 的 字体 
(来 源 : 站 酷 ，http://www.zcool.com.cn/show/ZODE3Nzl=/1.html) 
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二 、 意 匠 装 饰 

文字 由 象形 到 抽象 的 演变 赋予 了 它 形象 化 . 字 意 象征 化 的 特性 。 象 形 的 设计 手法 是 把 
文字 化 为 图 画 元 素来 进行 表现 ,对 文字 的 整体 形态 进行 艺术 处 理 , 把 具象 的 图 形 和 抽象 的 
笔画 巧妙 结合 ,将 字体 塑造 成 半 文 半 图 的 “形象 字 ” ,体现 绘 形 绘 意 的 创意 性 。 

中 国民 间 传 统 装饰 就 将 花卉 、 人 物 、 故 事情 节 、 吉 祥 寅 意 融 入 文字 造型 ,如 花鸟 字 、 寿 、 
喜 . 万 福 图 等 ,都 是 利用 穿插 自然 ,生动 流畅 的 文字 图 形 营 造 出 欢乐 祥和 的 氛围 。 这 些 传统 
的 文字 造型 是 我 们 宝贵 的 文化 财富 。 吕 胜 中 先生 在 其 著作 《 意 匠 文 字 》 中 对 我 国民 间 的 
文字 表现 进行 了 系列 的 梳理 和 介绍 , 可 以 帮助 我 们 更 深入 地 了 解 汉 字 。 图 7-43 所 示 是 设 
计 师 王 序 为 该 书籍 封面 设计 的 文字 字体 。 


图 7-43 《 意 匠 文 字 》 书 籍 封面 字体 设计 
(来 源 : 小 富山 书店 ，http:/www.book-komiyama.co.jp/bookblog/?m=20111031) 


文字 装饰 的 意象 巧 变 ,为 版 面 设计 提供 了 美妙 的 元 素 。 图 7-44 所 示 是 一 组 五 福 临 门 
的 明信片 设计 。 设 计 师 根据 中 国 传统 文化 ,把 “ 福 、 禄 、 寿 、 喜 . 财 ”用 传统 吉祥 纹 案 和 自己 
的 设计 风格 进行 融合 ,用 精致 细腻 的 手法 描绘 出 传统 而 又 有 新 意 的 吉祥 文字 ,质朴 又 不 失 
雍容 华贵 的 典雅 气质 。 


福 禄 才 夫 


图 7-44 ”五福 临门 明信片 设计 
(来 源 : 站 酷 ，http://www.zcool.com.cn/work/ZMjEOMjYyOA==/1.html) 


7-44 ( 续 ) 


条 
实 入 文字 创意 海报 设计 
设计 任务 及 要 求 如 下 。 


(1) 自己 任 选 一 个 或 一 组 词汇 ,对 文字 进行 视觉 表现 图 像 化 或 装饰 化 的 处 理 , 设 计 完 
成 一 幅 或 一 系列 有 主题 诉求 的 海报 。 

(2) 主题 应 围绕 自己 的 生活 ,选择 自己 熟悉 或 感 兴趣 的 领域 ,可 涉及 生活 自然. 社会、 
艺术 ,设计 等 ,对 所 选 文字 有 深入 的 理解 和 思考 。 

(3) 运用 软件 完成 海报 的 设计 表现 。 

该 设计 实 训 的 榜样 作品 如 图 7-45 所 示 。 


(b) 


图 7-45 ”魔方 设计 公司 宣传 海报 
(来 源 : 站 酷 ，http://www.zcool.com.cn/worK/ZMTc3OTUyMA==/2.html) 


第 苇 章 版 式 设计 中 的 文字 


135 


136 版式 设计 (第 2 版 ) 


i 
白 康 
po 招贴 版 并 向 入 
招贴 设计 一 般 分 商业 类 .文化 类 和 公益 类 ,如 图 7-46 ~ 图 7-48 所 示 。 招 贴 具有 视觉 
冲击 力 强 .时 效 性 强 .快速 认 知 ,宣传 方式 多 样 等 特点 ,所 以 招贴 作为 当今 信息 传递 的 重要 
手段 之 一 ,始终 无 可 取代 。 


Outstanding Groduates' Works 
Exhibitions and Shows 
东 华 大 学 服装 与 艺术 设计 学 院 优秀 毕业 生 作品 展演 


人 WB 


图 7-46 ”商业 类 海报 图 图 7-47 ”文化 类 海报 图 图 7-48 ”公益 类 海报 


3 
(1) 学 习 从 宏观 层面 与 微观 层面 上 观察 版 面 整体 视觉 效果 。 
(2) 掌握 版 式 设计 中 的 点 、 线 、 面 要 素 。 
(3) 学 习 处 理 版 面 中 的 黑 、 白 、 友 层次 。 
(4) 理解 版 面 中 的 位 置 与 层次 。 


Tis 在 艺术 设计 专业 基础 课 “平面 构成 ”中 所 提出 的 点 、 线 、 面 概念 ， 
又 一 次 出 现在 版 式 设计 课程 中 ,只 不 过 它 是 以 版 式 设计 为 语 境 , 版 面 中 
的 点 、 线 、 面 不 再 是 平面 构成 中 抽象 的 图 形 与 线条 ,而 是 具体 的 文字 或 
者 图 形 图 像 , 以 过 往 平 面 构成 中 所 认识 的 形式 原理 来 重新 认识 与 解读 
版 面 中 的 排列 法 则 是 本 章 的 主题 所 在 。 
黑白 、 友 这 三 个 字 在 艺术 设计 专业 课程 中 出 现 得 更 早 一 在 早期 
的 素描 、 色 彩 训练 中 就 已 接触 过 ,而 在 版 式 设 计 中 , 它 与 版 面 中 的 视觉 
空间 层次 有 关 , 黑 、 白 、 友 关系 处 理 得 当 的 版 面 看 起 来 主 次 明确 ,党 心 
悦目 。 


第 一 节 ”版 面 中 的 点 、 线 、 面 


点 、 线 、 面 在 平面 构成 中 有 关于 基本 几何 形态 的 概念 ,其 基本 原理 可 以 运用 
到 版 式 设 计 中 。 就 字面 意思 而 言 ,点 、 线 . 面 是 几何 概念 ,而 版 面 中 的 点 、 线 、 面 往 


往 改头换面 以 文字 ,图像 图形 、 线 条 的 方式 出 现 。 版 面 中 的 文字 、 图 形 、 图 像 .线条 之 间 的 
关系 实际 上 是 最 基本 的 点 、 线 、 面 关系 。 


一 、 点 与 版 面 空 间 


(一 ) 版 面 中 点 的 概念 

在 几何 学 上 ,点 是 线 与 线 的 交叉 ,点 只 有 位 置 , 没 有 面积 和 外 形 。 而 在 形态 学 上 ,点 还 
具有 大 小 形状 .色彩 .肌理 等 造型 元 素 , 具 有 更 大 的 自由 度 与 可 变性 。 

在 版 面 中 ,任何 一 个 单独 的 形态 都 可 以 称 之 为 设计 意义 上 的 点 , 它 可 以 用 任何 一 种 形 
态 来 表示 ,如 一 幅 图 画 、 一 块 颜色 .一 样 事物 、 一 个 文字 等 ,如 图 8-1 所 示 的 标志 形成 一 个 
“点 ”"。 点 是 版 面 中 最 小 的 也 是 最 基本 的 造型 元 素 , 它 在 版 面 中 自由 移动 ,变换 位 置 ,由 于 它 
的 大 小 .位 置 .形态 ,数量 等 分 布 状 况 的 不 同 ,可 以 形成 多 样 的 版 面 效 果 , 带 给 人 们 不 同 的 视 
觉 感受 和 心理 感受 ,如 图 8-2 所 示 。 


|” 


图 8-1 画册 封面 设计 图 8-2 ”匈牙利 工作 室 Zwoelf 画 册 设 计 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ (来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/ 
jphc/201205/30946_7.html) 201210/32362_2.html) 


点 的 这 种 多 变性 与 巡 变 性 使 得 点 在 版 面 中 往往 能 起 到 多 种 多 样 的 效果 。 它 可 以 自 成 
中 心 ,也 可 以 在 版 面 中 左右 平衡 与 补充 ,也 可 以 “默默 无 闻 ” 退 居 画 面 背 景 衬托 版 面 主体 。 
点 本 身 所 具有 的 功能 无 数 次 地 被 设计 师 所 发 气 , 形 成 多 姿 多 彩 的 版 面 效果 。 

( 二 ) 版 面 中 点 的 特性 

(1) 在 版 面 中 ,点 的 面积 是 以 版 面 大 小 为 基础 相 比较 而 言 的 ,大 到 一 幅 图 画 ,小 到 一 个 
标点 符号 ,都 可 以 成 为 一 个 点 ,点 的 大 小 由 版 面 的 设计 需要 而 决定 , 它 需 要 与 版 面 大 小 ,版 
面 中 其 他 形态 保持 一 定 的 比例 关系 ,如 图 8-3 和 图 8-4 所 示 。 

(2) 点 是 相对 线 和 面 存在 的 视觉 元 素 。 点 的 形状 不 一 定 是 人 们 生活 经 验 中 的 圆 形 ,也 
可 以 表现 为 其 他 的 形态 ,例如 三 角形 .锯齿 形 , 方 形 、 圆 形 、 不 规则 多 边 形 以 及 星 形 等 形态 ， 
标点 符号 也 可 以 是 点 。 如 图 8-5 中 的 各 式 图 标点 可 以 视 为 “点 ”, 图 8-6 中 的 各 式 实物 也 
可 以 视 为 “点 ”。 
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图 8-3 ”画册 内 页 设计 ( 1) 图 8-4 画册 内 页 设计 ( 2) 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ (来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
jphc/201303/33880_6.html) jphc/201303/33738_2.html) 


图 8-5 ”画册 内 页 设计 ( 3 ) 图 8-6 画册 内 页 设计 (4) 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/ (来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/ 
201102/26939.html) 201102/26939.html) 


(3) 点 具有 向 心 . 聚 焦 等 特性 。 这 些 特性 使 它 产生 “ 气 场 ”, 并 向 四 周 辐射 。 点 的 
向 心性 是 因为 其 小 且 相 对 独立 ,与 版 面 整体 形态 形成 对 比 ,所 以 产生 聚焦 性 , 容易 形成 焦 
点 ; 而 且 配 合 点 元 素 本 身 肌 理 材质 和 色彩 的 不 同 , 与 整体 版 面 形成 更 大 的 对 比 , 其 聚焦 
性 就 更 加 突出 。 因 此 ,在 版 面 设 计 中 ,设计 师 要 特别 注意 点 的 设置 和 布局 ,在 处 理 好 点 自 
身 形态 的 同时 ,充分 考虑 到 点 与 整体 版 面 的 辩证 关系 ,使 画面 趋 于 协调 ,如 图 8-7 和 图 8-8 
所 示 。 


三 ) 版 面 中 点 隐 位 置 
点 的 多 变性 与 善 变性 使 点 具有 更 多 的 自由 度 ,点 在 版 面 中 可 以 四 处 游 尺 ,每 个 不 同 的 
位 置 都 能 使 版 面 形成 特别 的 样式 ,总 体 而 言 ,版 面 中 点 的 位 置 主要 有 以 下 分 布 特点 。 
(1) 点 在 版 面 中 心 ,会 给 人 前 止 .稳重 .聚焦 的 感觉 ,版 面 会 显得 重心 突出 ,简洁 明了 ， 
如 图 8-9 所 示 。 N 
(2) 点 在 版 面 的 左 方 或 右 方 会 产生 向 中 心 运动 的 趋势 ,会 有 跳跃 .灵动 的 感觉， 
图 8-10 所 示 。 
(3) 点 在 版 面 的 上 方 或 下 方 会 产生 上 升 或 下 降 的 趋势 ,如 图 8-11 所 示 。 
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(4) 点 作为 一 种 附属 物 退 居 版 面 背景 中 存在 ,能 使 画面 具有 更 多 的 层次 效果 ,如 图 8-12 
所 示 。 


图 8-7 ”画册 封面 设计 ( 点 的 向 心性 ) 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 


jphc/201205/30946.html) 


图 8-9 点 在 版 面 中 心 


(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 


jphc/201303/33880_7.html) 
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图 8-11 点 在 版 面 的 上 方 或 下 方 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
jphc/201303/33738_6.html) 


图 8-8 画册 封面 设计 ( 点 的 聚焦 性 ) 


(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
jphc/201205/30946_6.html) 
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图 8-10 点 在 版 面 的 左 方 或 右 方 


(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
jphc/201011/25588_2.html) 


图 8-12 ”点 作为 附属 物 退 居 版 面 背景 中 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/ 
201102/26939_11.html) 


(四 ) 版 面 中 点 的 组 合 方式 

1. 行列 式 

版 面 中 的 点 可 以 秩序 性 地 排列 在 一 起 ,形成 横 平 竖 直 、 规 整 有 序 的 方 阵 ,如 图 8-13 所 
示 。 排 列 较 少 的 时 候 则 呈 线 性 形态 ,排列 较 多 时 就 具有 面 的 感觉 ,如 图 8-14 所 示 。 点 的 秩 
序 性 排列 使 版 面 形成 严谨 ,理性 的 视觉 效果 ,但 在 一 本 印刷 物 中 如 果 过 多 地 使 用 这 种 方式 ， 
则 会 显得 单调 ,刻板 。 


cooeoex 


图 8-13 ”SONY 产品 宣传 手册 图 8-14 点 的 秩序 性 排列 


(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ (来 源 : 花 辩 网 ，http://huaban.com) 
jphc/200802/14343.html) 
2. 放射 式 


放射 是 一 种 聚集 视线 、 强 调 重心 .具有 动感 的 方式 , 观 者 会 根据 放射 的 趋势 去 观看 。 
版 面 中 点 的 放射 方式 通常 表现 为 全 角度 (360" ) 的 放射 或 者 不 完全 的 部 分 角度 放射 ,如 
图 8-15 和 图 8-16 所 示 。 这 些 放 射 发 散 的 位 置 可 以 安排 在 版 面 的 任何 位 置 ,配合 具体 语 境 
的 图 与 文 会 形成 有 趣 的 视觉 效果 。 
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图 8-15 ”Source 版 式 设计 图 8-16 包装 版 式 设计 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/ (来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) 
200904/19674.html) 
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用 区 亚 计 ( 某 2 厂 
3. 聚 散 式 
聚 散 的 排列 方式 具有 随意 性 ,点 在 版 面 中 自由 排列 开 来 无拘无束, 轻松 自然 ; 然而 这 
“随意 ”分 布 的 点 ,实际 上 是 根据 具体 的 设计 对 象 与 要 求 分 布 排列 的 , 它 的 位 置 看 似 随 


些 
意 ,实则 有 意 ,其 排列 要 符合 形式 美 法 则 ,经 过 设计 师 的 精心 谋划 。 点 的 聚 散 式 排列 对 设计 
品位 要 求 比较 高 ,如 图 8-17 和 图 8-18 所 示 。 


图 8-17 点 的 聚 散 式 排列 ( 1 ) 图 8-18 ”点 的 聚 散 式 排列 ( 2 ) 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ (来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
jphc/201208/31728_6.html) jphc/201208/31728_4.html) 


二 、 线 与 版 面 空间 


( 一 ) 版 面 中 线 的 概念 

点 的 移动 轨迹 成 为 线 , 线 是 点 的 发 展 与 延伸 。 在 版 面 中 , 线 可 以 表现 为 多 种 形态 , 例 
如 : 实 线 、 虚 线 . 以 几何 的 方式 描绘 出 来 的 线 ,文字 的 秩序 性 排列 形成 的 线 、 图 形 图 像 的 裁 
剪 形成 的 线 。 这 多 种 的 线 在 版 面 中 有 不 同 的 长 度 、 宽 度 . 粗 细 、 位 置 . 方 向 ,色彩 、 形 态 ,从 而 
产生 独特 的 性 格 和 情感 来 营造 版 面 的 独 有 风格 。 不 同 的 线 在 版 面 中 的 合理 运用 ,将 会 使 整 
个 版 面 达到 出 其 不 意 的 视觉 效果 。 

( 二 ) 版 面 中 线 的 种 类 与 特性 

总 体 而 言 , 线 可 以 分 为 以 下 两 类 : 直线 、 曲 线 。 

直线 显得 单纯 明确、 理智 . 刚 硬 , 具 有 男性 化 的 倾向 , 它 包 括 水 平 线 . 垂 直线 .倾斜 
线 。 水 平 直线 表现 出 规律 .平稳 .安静 ,冷峻 ,如 图 8-19 所 示 ;垂直 线 具 有 刚 裔 庄严、 挺拔 、 
力量 .向 上 的 感觉 ,如 图 8-20 所 示 ;倾斜 线 给 人 起 飞 、 冲 刺 、 发 射 和 速度 的 感觉 ,如 图 8-21 
和 图 8-22 所 示 。 

曲线 具有 柔美 .优雅 .圆润 .柔软 的 性 格 特征 ,具有 女性 化 的 倾向 。 它 包括 几何 曲线 、 自 
由 曲线 。 几 何 曲线 表现 出 规律 的 数理 性 ,但 也 不 失 和 柔美 ,如 正弦 曲线 .余弦 曲线 ,具有 严谨 
的 规律 感 。 


CO NTEUR 


CARDIOVASCULAR 
HEALTH 


Q2 MAQUET 1 


图 8-19 ”版 面 中 的 水 平 线 


图 8-20 ”版 面 中 的 垂直 线 


(来 源 : 花瓣 网 ，http:/huaban.com) (来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 


jphc/201208/31728_4.html) 


图 8-21 版 面 中 的 倾斜 线 图 8-22 ” 何 庭 安 海报 设计 中 的 倾斜 线 


(来 源 : AD518 网 ，http://www.ad518.com) (来 源 : AD518 网 ，http://www.ad518.com) 


几何 曲线 能 营造 现代 和 理 


性 感觉 ,同时 也 有 机 械 的 冷漠 感 , 如 图 8-23 所 示 ; 自由 曲 


线 自然 ,奔放 无 映 , 亲 和 力 和 随意 性 较 强 ,能 表达 圆润 柔和、 富有 人 情 味 的 感觉 ,同时 也 有 


强烈 的 流动 感 ,创造 出 的 版 面 空 


折线 是 曲线 中 比较 特别 的 一 


感 ,所 以 具有 曲线 的 韵律 ,如 图 
(三 ) 版 面 中 线 的 作用 
1. 方向 指示 性 


线 具 有 方向 指示 性 ,在 版 面 
面 秩序 感 ,形成 版 面 节奏 感 。 此 


间 富 有 节奏 和 韵律 感 , 如 图 8-24 所 示 。 
类 ,有 锐利 的 转角 , 它 既 具有 直线 的 刚毅 , 又 因为 形成 起 伏 
8-25 所 示 。 


中 直接 运用 形态 明确 的 线 ,可 以 连接 各 种 视觉 要 素 , 加 强 版 
外 , 线 能 帮助 版 面 形成 空间 视觉 流动 线 , 这 是 一 种 虚 化 的 空 


间 指 示 方 向 ,可 以 不 通过 形态 明确 的 线 而 产生 引导 视线 流向 与 空间 指示 的 作用 ,如 图 8-26 


和 图 8-27 所 示 。 
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图 8-23 ”版 面 中 的 几何 曲线 图 8-24 ”版 面 中 的 自由 曲线 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ (来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
jphc/200608/9631.html) jphc/201208/31728.html) 


(a) (b) 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ (来 源 : 版 式 设计 很 简单 ， 微 信号 : typography_ 
jphc/200609/9755_4.html) design) 


图 8-25 ”版 面 中 的 折线 


TELECOMMUNICATION 二 = 


图 8-26 ” 线 的 视觉 方向 指示 性 图 8-27 ” 线 的 空间 指示 作用 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ (来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) 
jphc/201205/31094_5.html) 


2. 空间 分 割 性 
线 可 以 对 版 面 .图 像 ,文字 进行 分 割 。 版 面 中 的 图 文 在 线 的 分 割 下 ,能 得 到 清晰 ,条理 


的 秩序 感 ,增加 可 视 性 ,形成 统一 和 谐 的 画面 。 在 划分 空间 时 ,也 可 以 按 不 同 的 比例 和 主 次 
进行 分 割 ,从 而 在 空间 中 形成 一 定 的 对 比 与 节奏 感 ,如 图 8-28 和 图 8-29 所 示 。 
1 
图 8-28 ” 线 的 空间 分 割 性 ( 1 ) 图 8-29 ” 线 的 空间 分 割 性 ( 2 ) 
(来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) (来 源 : AD518 网 ，http://www.ad518.com) 


3. 在 版 面 中 形成 “空间 力 场 ” 

“ 力 场 ”是 一 种 虚 化 的 空间 ,是 对 一 种 无 形 但 又 存在 的 空间 的 感知 ,所 以 ,也 称 为 “ 
理 空间 ”。 线 在 版 面 中 产生 “ 力 场 ” eol 
线 框 进 行 分 割 和 限定 ,被 分 割 和 限定 的 文字 或 图 形 即 产生 一 定 视觉 范围 ,这 正 是 力 场 的 空间 
感应 。 这 种 手法 能 使 版 面 产 生 清晰 明快. 富 于 弹性 的 空间 关系 ,如 图 8-30 和 图 8-31 所 示 。 


NA 
图 8-30” 线 的 “空间 力 场 ” ( 1) 图 8-31 线 的 “空间 力 场 ” (2) 、 \ 
(来 源 : 版 式 设计 很 简单 ， 微 信号 : typography_ design) (来 源 : 视觉 同盟 ，http://www.visionunion. 


WN 


(四 ) 版 面 中 绪 的 排 到 方式 hs 、 
在 版 面 设计 中 ,根据 版 面 的 需要 ,因地制宜 地 对 线 型 采用 不 同 的 排列 方式 ,可 以 呈现 不 
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同 的 视觉 效果 。 总 体 而 言 , 线 的 排列 方式 主要 有 并 列 式 、 倾 斜 式 和 无 序 式 。 并 列 式 和 倾 伸 


式 的 线性 排列 呈现 出 秩序 感 , 如 图 8-32 所 示 ， 当 线 密集 排列 时 就 呈现 出 “ 面 ”的 感觉 ,如 
图 8-33 所 示 ; 而 无 序 式 的 排列 看 似 随 意 不 里, 但 实际 也 存在 内 在 的 美学 法 则 。 


图 8-32 ” Graphic 招贴 设计 中 线性 排列 图 8-33” 线 的 密集 排列 
(来 源 : 视觉 同盟 ，http://www.visionunion.com) (来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 


jphc/200609/9758_3.html) 


三 、 面 与 版 面 空间 

(一 ) 版 面 中 面 的 概念 

点 的 放大 就 成 为 面 ,点 的 密集 或 线 的 重复 也 能 成 为 面 ,如 图 8-34 所 示 ; 此 外 , 线 的 分 
割 也 能 产生 各 种 大 小 不 同 的 空间 ,也 可 视 为 不 同 大 小 的 面 。 面 的 视觉 感受 是 大 的 .有力 的 ， 
它 在 版 面 中 可 以 连接 、 烘 托 和 深化 主题 ,平衡 .丰富 版 面 空间 层次 ,如 图 8-35 所 示 。 


Peerless plat , 
tiptop Suberty 
1 绝版 地 块 ， 珍 稀 无 二 1 
图 8-34” 线 的 重复 成 为 面 图 8-35 ”proket 画 册 版 面 设计 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/200609/ (来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
9758_2.html) jphc/200712/13190_8.html) 


( 二 ) 版 面 中 面 的 和 类 

在 二 维 空间 中 , 由 闭合 的 线 围绕 成 的 物质 平面 被 称 为 面 , 它 还 可 以 被 看 成 点 、 线 的 聚 
集 , 也 可 以 被 看 成 线 被 分 割 后 在 版 面 中 形成 的 不 同比 例 的 “ 负 形 ”, 当 然 也 可 以 是 一 个 图 形 。 
在 版 式 设计 中 , 面 占 有 的 面积 最 多 ,具有 更 大 的 体 量 感 , 比 点 、 线 的 视觉 冲击 力 更 大 。 它 大 
体 可 以 分 为 几何 形 和 自由 形 两 类 。 


几何 形 是 用 数学 的 构成 方式 ,由 直线 .曲线 或 者 直 曲 线 结合 形成 的 面 。 如 正方 形 、 三 角 
形 . 五 角形 .梯形 、 鞭 形 、 圆 形 , 它 的 特点 是 理性 简洁、 冷静 、 充 满 秩 序 感 。 如 图 8-36 所 示 版 
式 中 运用 圆 形 来 构成 版 面 的 节奏 感 。 

自由 形 指 人 为 创造 的 自由 构成 形 ,可 随意 运用 各 种 自由 的 、 徒 手 的 线 构成 形态 , 随意 性 较 
强 , 具 有 很 强 的 造型 特征 和 鲜明 的 个 性 。 如 图 8-37 所 示 版 面 中 的 图 形 显得 柔软 又 具有 亲和力 。 


图 8-36 ”几何 形 的 面 图 8-37 ”自由 形 的 面 
(来 源 : 设计 之 家 ，http://www.sj33.cn) (来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
jphc/200811/18108.html) 


在 版 面 中 ,面具 有 极其 丰富 的 表现 语言 , 它 的 形状 .虚实 .大 小 .位 置 .色彩 .肌理 ,前 后 
关系 的 不 同 能 演化 出 各 种 复杂 的 视觉 形态 。 图 8-38 所 示 为 面 的 色彩 关系 改变 而 形成 的 特 
殊 效 果 ; 图 8-39 所 示 为 面 的 前 后 关系 和 虚实 关系 所 形成 的 画面 。 


图 8-38 面 的 色彩 关系 变化 图 8-39 面 的 前 后 和 虚实 关系 
(来 源 : 三 联 素 材 ，http:/www.3lian.comy/ (来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
show/2013/04/12391.html) jphc/201303/33738_5.html) 


( 三 ) 版 面 中 面 风 排列 与 分 刘 
1， 面 的 排列 \ 
在 版 面 中 , 面 可 以 自由 地 排列 ,其 自身 的 位 置 .大 小 的 不 同 决定 着 版 面 的 基本 形态 , 同 


时 决定 着 构图 的 种 类 ,产生 不 同 的 整体 效果 。 版 面 中 处 于 上 方 的 面 ,具有 一 种 轻松 和 自由 


的 感觉 ,会 使 版 面 显得 轻快 而 具有 活力 ,如 图 8-40 所 示 ; 处 于 下 方 的 面 往往 给 人 以 下 坠 、 
第 八 章 请 面 中视 锅 空 刘 的 营造 
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稳重 与 束缚 的 感觉 , 越 是 靠近 版 面 的 下 半 部 分 ,沉重 感 就 变 得 越 强 ,版 面 也 会 呈现 出 庄重 . 沉 
稳 的 风格 ,如 图 8-41 所 示 ;处 于 版 面 左边 的 面 ,整体 会 有 轻松 .愉快 和 开始 的 感觉 ,如 图 8-42 


所 示 ; 而 处 于 版 面 右边 的 面 则 让 观 者 有 结束 、 完 成 .终点 的 心理 体验 ,如 图 8-43 所 示 。 


图 8-40 ”处 于 版 面 上 方 的 面 图 8-41 处 于 版 面 下 方 的 面 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/200603/ (来 源 : 设计 之 家 ，http:/www.sj33.cn/article/ 
2585.html) jphc/200801/14193_3.html) 


图 8-42 ”处 于 版 面 左边 的 面 图 8-43 ”处 于 版 面 右边 的 面 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ (来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
jphc/200812/18343.html) jphc/200804/15340.html) 


当面 的 数量 增加 时 ,版 面 也 增加 了 变动 的 格局 ,多 个 面 可 以 形成 一 个 集群 ,产生 多 种 排 
列 的 方式 ,如 图 8-44 和 图 8-45 所 示 ; 在 多 个 面 排列 时 ,需要 注意 排列 的 大 小 、 玻 密 关 系 和 
平衡 关系 。 

2. 面 的 分 割 

面 的 组 合 分 割 是 以 有 规则 地 配置 图 块 来 实现 版 面 设计 效果 ,通常 对 局 部 块 面 进行 相应 
的 移动 分 割 ,并 运用 旋转 ,变形 等 方式 进行 复合 构成 组 合 版 面 。 设 计时 根据 需要 可 以 对 图 
片 实体 进行 分 割 ,如 图 8-46 和 图 8-47 所 示 , 也 可 以 对 整体 版 面 背景 进行 分 割 ,如 图 8-48 所 
示 。 和 荷兰 风格 派 、 俄 国 构成 主义 以 及 德国 的 包 豪 斯 现代 主义 设计 ,都 非常 重视 对 版 面 的 
态 分 割 。 其 中 ,荷兰 风格 派 英 基 人 之 一 的 蒙 德 里 安 运 用 纵横 直线 相交 分 割 画面 ,其 画面 分 


NS 


割 以 几何 数学 原理 为 依据 ,在 色彩 上 采用 单纯 的 三 原色 和 相应 的 黑白 .灰分 割 版 面 ,使 面 


的 分 割 达 到 了 很 高 的 艺术 境界 。 


Reading 2008 


图 8-44 ”英国 titled 画 册 设 计 图 8-45 _ YOUNG 书籍 设计 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/ (来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
200712/13085_4.html) jphc/200801/14193.html) 


图 8-46 ”对 图 片 实体 进行 分 割 图 8-47 ” Benjamin 画册 设计 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ (来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
jphc/201303/33738_5.html) jphc/200812/18348.html) 


图 8-48 ”对 整体 版 面 背景 进行 分 割 
(来 源 : 设计 之 家 ，hittp://www.sj33.cn/article/jphc/201105/27891_2.html) 
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在 版 面 中 对 面 进行 分 割 ,还 需要 注意 面 的 大 小 、 比 例 、 间 隔 、 位 置 等 各 种 关系 的 处 理 。 

面 的 分 割 要 考虑 形状 与 面积 的 对 比 ,间隔 和 面积 的 对 比 ,面积 与 面积 的 对 比 等 因素 ,要 
处 理 好 不 同形 状 的 面 之 间 的 相互 关系 和 整体 的 和 谐 程度 。 这 样 才能 设计 出 充满 美感 ,艺术 
的 、 实 用 的 版 式 作品 。 


四 、 版 面 中 点 、 线 、 面 相 结合 


在 一 个 版 面 中 ,通常 是 各 种 点 、 线 、 面 元 素 都 存在 其 中 ,它们 以 多 样 的 表现 方式 构成 了 
版 面 整体 ,如 图 8-49 所 示 。 在 版 面 中 ,点 线 面 的 分 布 需要 注意 主 次 关系 ,确定 画面 主体 位 
置 ,把 相关 的 次 要 元 素 穿 插 其 中 ,注意 节奏 与 韵律 ,使 版 面 符合 形式 美学 。 如 图 8-50 所 示 ， 
版 面 中 的 主要 元 素 一 一 大 段 的 文字 集合 在 一 起 形成 了 面 的 意象 ,一 些 直 线条 、 曲 线条 穿插 
在 版 面 中 形成 一 定 节奏 感 ,一 些 文字 在 版 面 中 或 集结 而 形成 线 的 意象 ,或 元 自 独立 形成 点 


的 感觉 ,整体 版 面 看 起 来 浑然 一 体 , 具 有 设计 的 美感 。 


= 一 


图 8-49 点 、 线 、 面 在 版 面 设计 中 的 应 用 


图 8-50 ”mxzheng 画 册 设 计 


第 二 节 ”版 面 中 的 黑 、 白 、 灰 


黑 . 白 、 灰 关系 是 素描 课程 中 的 概念 , 指 一 幅 画 中 的 素描 层次 或 者 明度 关系 。 但 是 在 版 
式 设计 中 ,无 论 是 有 色 还 是 无 色 的 版 面 ,都 存在 着 黑 、 白 、 灰 的 三 色 空间 层次 。 

黑色 给 人 往 后 退 的 感觉 ,往往 被 用 作 背 景 层次 的 色彩 ; 白色 给 人 往 前 的 感觉 ,往往 被 
用 在 要 突出 的 元 素 上 ; 灰色 则 像 中 间 层 ,处 于 黑白 对 比 之 间 ,作为 调剂 和 过 渡 的 角色 存在 。 

黑 . 白 . 灰 的 色彩 层次 得 当 ,整个 版 面 的 色彩 就 比较 和 谐 ,图 8-51 和 图 8-52 所 示 版 面 
就 显得 层次 分 明 、 雅 致 动人 ; 黑白 .灰色 彩 层次 过 于 小 ,版 面 的 色调 就 过 于 接近 , 拉 不 开 距 
离 ; 黑白. 灰色 彩 层次 过 于 大 ,版 面 的 色调 则 可 能 会 显得 突 元 。 此 外 ,版 式 设计 应 该 明确 
色彩 的 调 性 ,一 幅 优 秀 的 版 式 设计 作品 ,色调 应 非常 明确 ,或 高 调 ,或 低调 ,或 灰 调 ,或 对 比 
强烈 ,或 对 比 柔 和 ,反之 版 面 会 显得 混乱 ,模糊 不 清 。 


-~- 一 一 加 


图 8-51 CCVF 演 出 中 心 画册 内 页 设计 图 8-52 ”版面 中 的 黑 、 白 、 灰 设计 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/ (来 源 : AD518 网 ，http:/www.ad518.com) 
201005/23227.html) 


黑 . 白 , 灰 关 系 在 版 式 设计 中 如 此 重要 ,那么 在 版 式 设计 中 ,该 如 何 来 设计 这 种 关系 呢 ? 

总 体 而 言 ,首先 ,设计 者 需要 观察 和 思考 手中 的 图 片 ,图 片 是 由 摄影 师 提供 给 版 式 设计 
师 的 作品 ,一 般 而 言 更 换 和 可 选择 的 余地 比较 小 ,因此 ,在 有 图 片 的 编排 中 ,首先 要 明确 手 
中 图 片 的 大 小 数量 以 及 明度 关系 ,以 确定 图 片 在 版 面 中 的 具体 位 置 安排 ,并 由 此 决定 其 他 
各 种 元 素 在 版 式 中 的 明度 关系 。 

其 次 ,设计 师 应 该 关注 的 是 纯 文 本 信息 ,包含 标题 字 、 副 标题 .引文 .正文 等 几 个 部 分 。 
这 几 个 部 分 的 文字 量 的 多 少 .文字 的 字形 .文字 字号 大 小 .粗细 、 色 彩 都 需要 进行 统筹 安排 。 
以 上 几 个 要 素 的 细微 变化 都 能 导致 文字 群 出 现 不 同 的 灰 度 层次 ,它们 的 灵活 变化 可 以 营造 
出 版 面 的 层次 感 。 

最 后 ,设计 师 可 以 把 版 面 中 的 各 种 要 素 ,例如 标题 ,副标题 ,正文 图像. 图 形 这 些 元 素 
抽象 成 几何 形 , 并 在 大 脑 中 将 其 各 自 归纳 成 不 同 明 度 的 区 域 ( 黑 区 、 白 区 或 者 不 同色 度 的 。 
灰 区 ) ,同时 对 它们 所 构成 的 黑白 灰 关系 进行 分 析 并 整体 设计 版 面 格局 。 
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在 图 8-53 中 ,版 面 的 黑 . 白 . 灰 层次 非常 明确 ,重点 与 主题 都 非常 突出 ,图 8-54 即 
是 对 图 8-53 版 面 的 黑 . 白 . 灰 关 系 的 分 析 。 在 彩色 的 版 面 中 也 存在 黑白 . 灰 的 关系 ， 
如 图 8-55 和 图 8-56 所 示 , 在 图 8-56 所 示 的 区 域 1 和 区 域 2 都 属于 黑 的 层次 ,区 域 3 ~ 区 
域 7 属于 灰 的 层次 ,区 域 8 和 区 域 9 属于 白 的 层次 。 


图 8-53 ATG 画 册 设 计 图 8-54 ATG 画 册 设 计 的 黑 、 白 、 灰 关系 


(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
jphc/200702/11116.html) 


图 8-55 ”22 画 册 设 计 图 8-56 22 画册 设计 的 黑 、 白 、 灰 关系 


(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
jphc/200902/19303_3.html) 


此 外 ,版 面 中 的 黑 . 白 . 灰 关 系 会 形成 相应 的 虚实 关系 ,色彩 深重 的 会 表现 出 “ 实 ” 的 
感觉 ,色彩 浅 淡 的 会 表现 出 “ 虚 ” 的 感觉 。 在 设计 过 程 中 ,应 把 握 好 这 种 关系 ,做 到 虚实 相 
映 ,形成 和 谐 的 版 面 关系 。 


ES 

家 宙 

设计 任务 及 要 求 如 下 。 

(1) 为 某 唱片 公司 的 唱片 设计 封套 和 盘面 ,可 以 设计 为 任意 音乐 风格 的 唱片 。 
(2) 在 设计 中 需要 注重 版 面 中 的 点 、 线 , 面 关系 。 

(3) 注意 唱片 封套 和 CD 盘面 之 间 的 关联 性 。 

该 设计 实 训 的 榜样 作品 如 图 8-57 一 图 8-59 所 示 。 


日 E Ma 


图 8-57 ”唱片 封套 及 CD 盘面 设计 作品 ( 1 ) 


唱片 封套 以 及 CD 盘面 设计 


(设计 者 : 柳 娜 ) 
4 
9 “SS 
Car 
ft 
听 Eo :| 

六 | A 

0 


图 8-58 ”唱片 封套 及 CD 盘面 设计 作品 ( 2 ) 
(设计 者 : 熊 娟 ) 


图 8-59 ”唱片 封套 及 CD 盘面 设计 作品 ( 3 ) 
(设计 者 : 赵 凯 ) 
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所 局 ， CD 封套 及 盘面 版 式 没 守 
光盘 是 用 于 记录 与 储存 数据 的 载体 , 它 不 仅 要 具 
备 使 用 价值 还 需 具备 审美 价值 ,其 外 观 设计 越 来 越 受 
人 重视 。CD 代表 小 型 激光 盘 , 是 一 个 用 于 所 有 CD 
媒体 格式 的 一 般 术 语 。 通 常 以 普通 标准 120 型 光盘 
为 准 进行 版 式 设计 ,外 径 为 120mm ,内 径 为 15mm, 厚 
度 为 1.2mm, 如 图 8-60 所 示 。 

1. 封面 封底 单 出 

(1) 封面 尺寸 。120.5mm x 120.5mm (不 包括 出 
血 线 ) ; 126.5mm x 126.5mm (包括 出 血 线 )。 图 8-60 ”普通 标准 120 型 光盘 

(2) 封底 尺寸 。15lmm x 118mm (不 包括 出 血 线 ) ; 157mm x 124mm (包括 出 血 线 ) ; 
折线 宽 为 7rmm。 
2. 封面 .封底 连 片 


(1) 尺寸 。291mm x 127mm (包括 出 血 线 ) ; 285mm x 121mm (不 包括 出 血 线 )。 
(2) 画 出 出 血 线 与 折线 , 线 在 图 下 面 。 

(3) 折线 宽 为 10 ~ 1lmm。 

3. 盘面 


(1) 印刷 尺寸 。116mm 三 外 径 (117mm) 入 118mm, 定 为 117mm ; 18mm < 内 径 
(36mm) 入 36mm, 定 为 36mm ; 中 心 画 小 细 十 字 ,方便 定位 。 

(2) 药 膜 向 上 。 

(3) 18mm < 药 膜 面积 < 118mm, 在 作 图 时 一 定 要 有 底 色 , 以 便 压 住 盘 面 本 身 颜色 ， 
其 他 区 域 为 透明 ,没有 药 膜 。 

4. 注意 事项 

(1) 盘面 .封面 封底 印 前 要 打样 ,并 检查 样片 的 颜色 .尺寸 .出 血 线 与 折线 等 是 否 正确 。 

(2) 如 果盘 面 的 4 色 不 能 压 住 盘面 本 身 颜 色 , 是 否 有 压 盘 的 第 5 色 。 

(3) 设计 图 时 扫描 用 300dpi 分 辩 率 ; 出 图 时 ,封面 封底 为 175dpi 或 200dpi, 盘 面 为 
100dpi 或 110dpi。 

(4) 盘面 的 药 膜 一 定 要 向 上 ,封面 封底 的 药 膜 向 下 ; 盘面 药 膜 内 直径 > 18mm, 外 直 
径 < 118mm。 

(5) 条 形 码 及 条 形 码 图 一 般 放 在 封底 ,尺寸 不 小 于 原 图 的 80%。 

(6) 封面 明显 位 置 一 定 要 有 ISBN 号 与 条 形 码 号 (如果 申办 了 ISBN 号 与 条 形 码 号 ， 
此 项 一 定 要 有 ) 。 

(7) 封面 或 封底 要 有 出 品 单位 与 研制 单位 (公司 ) 的 字样 。 


120mm 


辣 琶 (1) 了 解 形式 美 法 则 在 版 面 设计 中 的 意义 。 
(2) 学 所 版 式 设计 中 形式 美 法 则 的 概念 .特性 .要 点 。 
(3) 扣 练 运 用 形式 美 法 则 进行 版 面 设计 。 


LA 版 式 设计 是 一 种 艺术 性 和 实用 性 相 结 合 的 艺术 , 它 要 求 遵循 形式 
美 法 则 ,把 内 容 和 形式 有 机 结合 ,达到 传播 信息 的 目的 ,并 让 阅读 者 产 
生 感 官 上 的 美感 ,这 种 美感 的 产生 来 自 于 视觉 符号 ,来 自 于 丰富 视觉 语 
言 的 表达 ,这 些 符 号 和 语言 的 表达 都 遵循 着 形式 美 法 则 。 那 么 ,形式 美 
法 则 是 什么 ? 本 章 将 详细 解析 形式 美 法 则 在 版 式 中 的 表现 ,对 形式 美 
法 则 的 剖析 将 有 助 于 读者 进一步 在 版 面 中 更 自如 地 表达 。 


第 一 节 ”版 面 的 形式 美 


形式 美 法 则 是 早 在 构成 课 中 就 出 现 过 的 概念 ,在 构成 的 平面 或 者 空间 结构 
中 ,其 排列 和 组 合 方式 都 呈现 出 可 被 感知 的 规律 性 ,通常 称 这 种 诉 之 于 感性 视觉 
但 实际 上 具有 内 在 理性 逻辑 的 表现 形式 称 为 “形式 美 规律 ”或 “形式 美 法 则 ”， 
它 是 人 们 在 艺术 创作 过 程 中 对 美的 形式 规律 的 经 验 总 结 和 抽象 概括 ,也 是 各 种 
设计 中 营造 美感 的 重要 手段 。 

认识 形式 美的 法 则 ,能 够 培养 人 们 对 形式 美的 敏感 ,指导 人 们 更 好 地 去 进行 艺 
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术 创作 ,使 人 们 更 自觉 地 运用 形式 美的 法 则 表现 美的 内 容 , 达 到 美的 形式 与 美的 内 容 的 统一 。 


一 、 形 式 美 法 则 的 表现 


研究 形式 美的 法 则 是 所 有 设计 学 科 共同 的 课题 ,在 研究 形式 美 在 各 个 设计 领域 中 的 表 
现 和 应 用 时 ,需要 注意 形式 美 法 则 与 具体 设计 学 科 之 间 的 特定 相关 性 。 

例如 ,在 产品 设计 中 ,形式 美 表现 在 产品 的 具体 构成 部 件 之 间 的 大 小 .比例 . 疏 密 、 色 
以 及 质感 ,甚至 产品 本 身 与 其 所 处 使 用 环境 之 间 的 契合 度 , 如 图 9-1 所 示 的 灯罩 设计 中 
现 出 来 的 形式 感 ， 在 服装 设计 中 所 表现 的 形式 美 在 于 服装 的 具体 款式 设计 ,面料 的 质感 、 
整体 的 廓 形 与 局 部 的 细节 、 服 装 色彩 的 配置 等 ， 而 在 建筑 设计 中 ,建筑 是 否 表现 出 美感 , 需 
要 在 其 具体 构成 要 素 如 墙 . 门 、 窗 、 台 基 、 屋 顶 等 方面 去 寻找 。 

所 有 这 些 具 体 设计 种 类 ,其 自身 所 具有 的 形状 、 大 小 、 色 彩 , 质 感 ,都 可 以 抽象 为 点 、 
线 . 面 . 体 空间, 如 图 9-2 所 示 的 银河 SOHU 所 表现 出 来 的 曲面 形式 美感 。 而 在 版 式 设计 
中 ,形式 美的 表现 分 解 在 一 张 图 片 . 一 行文 字 、 一 段 线条 、 一 抹 色 彩 之 中 ,版 面 图 片 的 大 小 、 
数量 ,排列 方 式 ,文字 的 疏 密 、 间 距 ,线条 的 长 短 .粗细 ,色彩 的 配置 都 能 形成 各 种 各 样 的 形 
式 美 感 ,图 9-3 是 版 面 中 文字 呈 块 面 化 排列 形成 的 节奏 感 ,图 9-4 是 利用 图 形 与 文字 块 的 
不 同 灰 阶 形成 版 面 形 式 美感 。 


凤 冯 


LAN 
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图 9-3 YOROKOBU 书籍 设计 图 9-4 ”Overdrive 书 籍 设计 


(来 源 : 叶 信 设计 门户 站 ，http://www.iebyte.com/ ， 视 说 回 i 
view-21055.htmi) (来 源 : 视觉 同盟 ，http://www.visionunion.com) 


二 、 版 面 中 形式 美 法 则 的 特性 

在 版 面 设 计 中 ,形式 美 法 则 具备 和 符合 以 下 特点 。 

( 一 ) 版 面 中 形式 美的 体现 需要 达到 内 容 与 形式 的 统一 

内 容 与 形式 相 统一 是 设计 的 本 质 要 求 。 一 般 而 言 ,版 式 设计 一 般 依托 于 印刷 品 ,印刷 
物 , 版 面 的 内 容 根据 信息 传递 目的 的 不 同 而 不 同 ,版 式 的 设计 形式 应 该 凸显 这 些 内 容 , 形 式 
为 内 容 服务 。 另 外 ,版 式 的 设计 形式 是 版 面 内 容 的 外 在 表现 形式 ,版 面 内 容 的 各 种 特性 ,内 
涵 需 要 以 一 种 美观 的 方式 展现 出 来 ,要 能 够 吸引 目光 , 打动 人 心 。 图 9-5 所 示 印 刷 品 的 装 
订 形 式 与 企业 本 身 的 名 称 相 契 合 ,展示 了 其 古典 .高 雅 的 气质 。 而 在 图 9-6 所 示 的 版 式 中 ， 
版 面 的 图 形 气 质 与 法 门 寺 佛教 圣地 的 形象 也 很 吻合 。 


图 9-5” 重 墨 堂 画 册 设 计 
(来 源 : 设计 之 家 ，http:/www.sj33.cn/article/jphc/200603/2837.html) 


图 9-6 “法门 寺 宣传 画册 设计 NAN 
(来 源 : 无 思 设 计 ，http://www.wssj1.cn/a/huacesheji/66926.html) \ 

(二 ) 版 式 设计 要 与 所 对 应 的 物质 材料 相 适 合 
版 式 设计 要 与 相应 的 物质 材料 相 适 合 才 能 显示 出 其 特定 效果 。 比 如 , 纸 材 料 中 就 有 很 
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多 特殊 质感 的 纸 ; 甚至 有 一 些 其 他 的 特定 材料 , 比如 金属 ,布料 等 。 当 这 些 特殊 材料 以 特 
定 的 版 式 规律 相 组 合 时 ,会 形成 特定 的 形式 美感 。 

图 9-7 和 图 9-8 所 示 是 日 本 设计 师 原 研 哉 的 作品 ,其 中 在 图 9-7 的 设计 中 ,他 给 医院 的 
指示 牌 套 上 了 一 个 可 换洗 的 白色 的 棉 制 的 外 套 ,让 原本 有 着 僵硬 棱角 的 指示 牌 开始 变 得 柔 
和 ,可 亲近 ,有 人 情 味 。 人 们 在 不 知 不 觉 中 增加 了 对 这 家 医院 的 好 感 。 


图 9-7 原 研 哉 医院 视觉 指示 设计 图 9-8 ” 原 研 哉 长 崎 县 美术 馆 视 觉 指示 设计 
(来 源 : 中 国 设计 赢 网 ，http://www.siin.cn/132505n. (来 源 : 品牌 特区 网 ，http://www.brandsar.cn/enjoy/ 
html#) enjoy.php?id=76) 


二 节 ”版 面 中 形式 美 法 则 的 体现 


形式 美 法 则 在 版 面 设计 中 主要 有 以 下 表现 手法 : 对 称 与 均衡 .重复 与 近似 .节奏 与 前 
律 、 比 例 与 分 割 . 政 密 、 虚 实 与 留 白 , 对 比 与 调和 、 变 化 与 统一 。 


一 、 对 称 与 均衡 


对 称 和 均衡 是 自然 界 中 最 重要 、 最 常见 的 形式 美 规律 ,这 两 组 概念 之 间 既 有 联系 又 有 
区 别 , 在 自然 界 和 社会 中 很 容易 发 现 这 两 种 规律 的 存在 。 

(一 ) 对 称 

对 称 又 称 对 等 . 均 齐 ,是 物象 中 相等 或 者 相似 的 组 成 部 分 之 间 构 成 的 映射 关系 ,一 般 表 
现 出 等 量 等 形 的 关系 , 它 有 如 图 9-9 所 示 的 左右 对 称 、 如 图 9-10 所 示 的 上 下 对 称 (也 是 左 
右 对 称 ) 和 如 图 9-11 所 示 的 反 转 对 称 。 对 称 是 平衡 法 则 的 特殊 形式 ,也 是 形式 美的 核心 。 
自然 物象 中 有 着 大 量 的 对 称 美 ,人 和 动物 的 身体 是 对 称 的 ,植物 的 叶子 .果实 是 对 称 的 , 建 
筑 是 对 称 的 ,家 具 是 对 称 的 ,图 案 是 对 称 的 。 对 称 给 人 类 的 视觉 带 来 一 种 平衡 感 和 秩序 感 ， 
给 我 们 的 生活 带 来 了 大 量 的 便利 ,例如 工厂 生产 一 些 模具 时 ,如 果 物 体 是 对 称 的 ,仅仅 需要 
做 出 其 中 一 半 , 然 后 再 映射 过 去 即 可 。 


在 版 式 设计 中 ,对 称 形 式 的 运用 常常 给 人 们 带 来 安全 ,稳定 .庄重 .严肃 和 正规 的 感觉 ， 
是 一 种 最 容易 组 织 ,不 容易 出 错 的 版 面 形 式 , 常 常 还 能 营造 出 古典 雅致 的 感觉 ,成 为 一 种 经 


典 版 式 ,图 9-12 所 示 版 式 就 是 很 好 的 范例 。 但 是 ,过 于 对 称 的 版 面 会 面临 缺乏 活力 .生气 
不 足 的 问题 ,有 使 人 的 视觉 产生 疲劳 的 风险 。 


图 9-9 宣传 册 设计 ( 左右 对 称 ) 图 9-10 海报 设计 ( 上 下 、 左 右 对 称 ) 
(来 源 : 花瓣 网 ，http:/huaban.com) (来 源 : 视觉 同盟 ，http://www.visionunion.com) 


图 9-11 国外 海报 设计 ( 反 转 对 称 ) 图 9-12 ”台湾 Triangle Novel 书 籍 设计 
(来 源 : AD518 网 ，http://www.ad518.com) (来 源 : 视觉 同盟 ，http://www.visionunion.com) 
(二 ) 均衡 


均衡 可 视 为 对 称 形式 的 进一步 发 展 ,是 一 种 等 量 却 不 等 形 的 组 合 形式 ,是 指 视觉 和 心 
理 上 所 能 够 达到 的 平衡 。 在 均衡 的 形式 中 ,版 面 两 边 的 因素 可 以 不 相同 、 不 相似 ,但 通过 图 
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形 的 大 小 .多少 . 位 置 .形状 距离. 色彩 等 因素 的 调整 ,最 终 使 版 面 在 视觉 和 心理 上 形成 新 
的 平衡 。 

这 种 平衡 相对 于 采用 对 称 形式 形成 的 平衡 而 言 ,更 加 自由 、 活 泼 .新 颖 、 富 有 变化 ,能 弥 
补 绝 对 对 称 所 带 来 的 沉闷 。 如 图 9-13 所 示 是 利用 图 形 的 位 置 达到 版 面 视觉 平衡 ,而 图 9-14 
所 示 的 设计 则 是 利用 色彩 使 版 面 实 现 了 平衡 。 


图 9-13 ”台湾 游 明 龙 海报 设计 作品 9-14 ”西班牙 设计 师 Abel 招 贴 设计 
(来 源 : 3 视觉 ，http://www.3visual3.com/poster/ (来 源 : 3 视觉 ，http://www.3visual3.com/poster/ 
2013050317503_12.html) 201106122230.html) 


二 、 重 复 与 近似 
重复 与 近似 是 形式 美 规律 中 的 两 种 形式 。 这 两 种 形式 在 版 式 设计 中 经 常 被 使 用 到 。 


( 一 ) 重复 
本 形 在 版 面 中 多 次 地 使 用 ,被 称 为 重复 。 重 复 可 以 表现 为 形状 重复 .大 小 重复 、 
方向 重复 .色彩 重复 .肌理 重复 。 版 面 中 基本 形 的 规律 化 重复 加 强 了 版 面 的 力度 ,产生 了 秩 
序 、 规 律 和 韵律 ,并 形成 较 强 的 版 面 整体 感 ,如 图 9-15 所 示 。 还 有 一 种 重复 表现 为 没有 明 
显 的 规律 和 骨骼 ,但 基本 形 却 多 次 出 现 , 这 样 的 重复 具有 零散 性 和 随机 性 ,如 图 9-16 所 示 。 
应 当 注意 的 是 ,简单 的 重复 容易 造成 沉闷 的 失去 活力 的 版 面 , 所 以 ,可 以 在 重复 的 方 
向 .位置 .色彩 上 多 做 变化 ,可 以 适当 地 进行 形 与 形 的 释 加 组 合 ,这 样 可 以 形成 更 丰富 的 
版 面 。 

(二 ) 近似 

近似 与 重复 类 似 ,所 不 同 之 处 在 于 ,近似 的 基本 形 相似 不 相同 ,它们 在 形状 、 大 小 、 色 


个 


ul 


彩 、 肌 理 等 方面 拥有 一 些 相似 的 特征 。 近 似 可 以 产生 更 细腻 丰富 的 版 面 效果 , 呈现 出 一 种 
多 样 化 的 统一 , 比 起 重复 更 为 生动 活泼 ,如 图 9-17 和 图 9-18 所 示 。 


图 9-15 ”咖啡 产品 画册 设计 图 9-16 ”美国 书籍 封面 设计 
(来 源 : 三 联 素 材 网 ，http://www.3lian.com/ (来 源 : 3 视觉 ，http://www.3visual3.com/ 
show/2013/05/13235.html) fengmian/201106146093.html) 


图 9-17 近似 形 版 式 设计 图 9-18 ”俄罗斯 Tsesler & Voichenko CD 包装 设计 
(来 源 : 版 式 设计 很 简单 ， 微 信号 : typography_ (来 源 : 3 视觉 ，http://www.3visual3.com/fengmian/ 
design) 201106146078.html) 


三 、 节 奏 与 韵律 


节奏 与 韵律 属于 音乐 术语 。 节 奏 原 指 音乐 节拍 的 轻重 缓急 和 变化 ,节奏 的 变化 呈现 出 
一 定 的 规律 性 ,这 种 规律 就 外 化 表现 为 韵律 。 在 艺术 设计 中 ,节奏 指 同一 设计 要 素 连 续 重 
复 所 产生 的 运动 ,这 种 运动 可 以 表现 为 由 大 到 小 ,再 由 小 到 大 ; 或 者 由 细 到 粗 ,再 由 粗 到 
细 ; 由 玻 到 密 ,再 由 密 到 玻 ,甚至 表现 为 色彩 的 明度 .纯度 或 者 色相 的 渐次 变化 。 当 节奏 形 
成 了 上 述 有 规律 的 变化 时 ,也 就 形成 了 韵律 。 
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在 版 式 设计 中 ,节奏 与 韵律 主要 由 图 形 、 图 像 . 文 字 、 色 彩 的 变化 产生 。 当 版 面 上 的 
图 形 、 文 字 、 色 彩 在 组 织 上 符合 某 种 旋律 时 ,会 产生 极 大 的 视觉 冲击 力 , 让 读者 过 目 难忘 。 
图 9-19 所 示 的 书籍 封面 设计 是 由 图 形 的 粗细 变化 产生 的 节奏 和 韵律 ; 图 9-20 所 示 的 宣 
传 折 页 是 有 印刷 品 本 身 的 裁 切 方式 产生 形态 上 的 节奏 ; 图 9-21 和 图 9-22 所 示 是 一 个 日 
历 折 页 设计 ,设计 师 用 色彩 渐变 来 表现 季节 的 冷暖 变化 ,形成 了 一 种 不 动 声色 的 温暖 的 节 
奏 与 前 律 。 


图 9-19 Dijordje 书 籍 封面 设计 图 9-20 ”宣传 折 页 设计 
(来 源 : 3 视觉 ，http://www.3visual3.com/fengmian/ (来 源 : 版 式 设 计 很 简单 ， 微 信号 : typography_ 
201106146140.html) design) 


人 


| = 
图 9-21 国外 日 历 折 页 设计 (1) 图 9-22 国外 日 历 折 页 设计 ( 2 ) 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/200806/ (来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
16726.html) jphc/200806/16726.html) 
四 、 比 例 与 分 割 
(一 ) 比重 
比例 是 指 事物 中 整体 与 局 部 以 及 局 部 与 局 部 之 间 的 关系 。 比 例 是 以 一 种 几何 的 、 抽 象 


比例 常常 表现 出 一 定 的 数列 ,表现 为 等 差 数 列 . 等 比 数列 ,黄金 比例 等 。 在 这 些 数列 之 


中 ,黄金 比例 能 实现 最 大 限度 的 和 谐 ,在 黄金 比例 支配 的 事物 关系 中 ,事物 较 大 部 分 与 较 小 
部 分 之 比 等 于 整体 与 较 大 部 分 之 比 ,其 比值 为 1 : 0.618, 此 比值 被 公认 为 最 具有 审美 意义 
的 比例 数字 。 黄 金 比例 被 广泛 地 体现 和 运用 在 生活 中 ,例如 ,书籍 .邮票 .明信片 的 大 小 通 
常 都 符合 黄金 比例 ,建筑 .服装 的 设计 也 需要 很 好 地 遵从 黄金 比例 。 

在 版 式 设计 中 ,黄金 比例 的 运用 能 得 到 最 和 谐 的 效果 ,版 面 中 被 分 割 的 不 同 部 分 的 相 
互 关 系 能 处 于 最 舒服 的 位 置 。 图 9-23 和 图 9-24 所 示 的 书籍 封面 设计 中 ,信息 所 处 的 位 置 
正 是 在 黄金 分 割 点 左右 。 
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图 9-23 书籍 封面 设计 ( 1 ) 图 9-24 ”书籍 封面 设计 ( 2 ) 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ (来 源 : 设计 之 家 ，http://www.sj33.cn/article/ 
Zzzp/200912/21805.html) Zzzp/201008/24363.html) 


在 一 般 情况 下 ,设计 师 都 会 遵从 和 谐 的 比例 关系 ,但 在 一 些 特殊 的 设计 中 ,可 能 出 于 表 
达 的 需要 ,或 者 出 于 现实 条 件 的 限制 ,设计 师 也 会 进行 夸张 ,打破 或 者 拉 大 比例 关系 ,实现 
一 种 不 同 寻 常 的 视觉 效果 ,而 这 反而 能 令 观 者 印象 深刻 。 

比如 ,印刷 物 本 身 就 采用 一 些 特殊 的 开本 ,如 图 9-25 所 示 , 在 书籍 的 开本 上 进行 一 大 一 
小 的 设计 ,形成 形制 上 的 大 小 对 比 ,比较 有 特点 ; 或 者 对 文字 引入 比例 的 变化 和 对 比 ,可 以 
产生 特定 的 画面 。 如 图 9-26 所 示 的 封面 设计 ,直接 在 文字 的 大 小 比例 关系 上 做 文章 ,形成 而 
人 寻味 的 效果 ; 或 者 在 图 像 的 比例 上 进行 夸张 ,形成 富有 创意 感 的 画面 ,如 图 9-27 所 示 的 拜 
耳 药 业 的 广告 把 药片 大 小 进行 夸张 ; 图 9-28 对 登山 鞋 比例 进行 夸张 ,这 种 形式 幽默 且 智 慧 。 


( 二 ) 分 割 


分 割 是 版 面 中 常用 的 构图 方法 ,通常 采用 实 的 或 者 虚 的 线 对 版 面 的 文字 、 图 形 进行 
分 组 ,使 一 个 整体 版 面 划分 成 为 若干 个 小 的 单元 集合 体 。 在 版 面 中 进行 分 割 ,往往 与 网 


格 结构 有 关 , 分 割 的 方式 有 水 平分 割 .垂直 分 割 . 斜 向 分 割 、 曲 线 分 割 以 及 无 规律 分 割 ,如 


图 9-29 一 图 9-32 所 示 。 在 分 割 中 需要 注意 局 部 与 整体 的 比例 关系 。 
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图 9-25 ”书籍 设计 图 9-26 拜耳 药 业 广告 设计 ( 1) 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ (来 源 : 三 联 素材 网 ，http://www.3lian.com/show/ 
Zzzp/201008/24256.html) 2013/04/12302.html) 


FTESLTNE ADVENTURE 


图 9-27 ”拜耳 药 业 广告 设计 (2 ) 图 9-28 ”骆驼 登山 鞋 广告 设计 


图 9-29 ”水 平分 割 一 一 广告 折 页 设计 图 9-30 ”垂直 分 割 一 一 书籍 封面 设计 
(来 源 : 三 联 素材 网 ，http://www.3lian.com/ (来 源 : 三 联 素 材 网 ，http://www.3lian.com/ 


show/2013/05/13281.html) show/2013/05/13244.htm) 


图 9-31 曲线 分 割 广告 折 页 设计 图 9-32 无 规律 分 割 一 一 书籍 封面 设计 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/ (来 源 : 三 联 素 材 网 ，http://www.3lian.com/show/2012/07/ 
zzzp/200912/21805.html) 10890_3.html) 


通过 分 割 的 方式 , 可 以 重新 确立 版 面 中 的 比例 关系 ,构建 版 面 的 秩序 ,创造 层次 ,保证 
祝 息 的 有 效 传达 。 在 分 割 版 面 的 过 程 中 ,要 注意 营造 版 面 节 奏 感 ,不 使 之 过 于 简单 流 于 平庸。 


五 、 朴 密 、 虚 实 与 留 
( 一 ) 奴 密 与 虑 饼 


玻 密 是 指 艺术 形式 中 的 一 种 结构 关系 。 在 版 式 设 计 中 , 玻 密 是 指 在 一 定 版 面 中 ,对 版 
面 各 种 元 素 的 一 种 组 织 和 编排 ,使 版 面 产 生 一 定 的 疏 密 关系 、 虚 实 关系 和 松紧 关系 ,使 版 面 
和 点 突出 ,富有 节奏 ,如 图 9-33 所 示 。 


主 次 明确 、 本 


图 9-33” 朴 密 一 一 广告 折 页 设计 


(来 源 : 三 联 素 材 网 ，http:/www.3lian.com/show/2012/07/10868_2.html) 
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版 面 中 有 了 芯 密 ,也 就 产生 了 虚实 关系 。 在 绘画 中 ,画面 
中 虚实 关系 也 很 重要 。 设 计 初 学 者 的 作品 往往 注 台 


于 版 面 主 


讲究 虚实 相宜 ,而 在 版 式 设计 
体内 容 也 就 是 “实体 ”的 设计 ， 


而 忽略 了 版 面 主体 以 外 的 空间 也 就 是 “ 虚 体 ”的 设计 。 比 如 ,在 版 面 中 文字 的 处 理 上 ,不 


但 要 注重 文字 字体 、 字 号 的 选择 ,还 要 注意 文字 与 文字 之 间 的 
页 脚 之 间 的 关系 ,这 些 地 方正 是 属于 文字 本 身 的 “ 负 空 间 ”, 负 空 


体 的 整体 观感 。 


成 的 虚 体 空白 。 在 区 
3 个 层次 的 虚实 关系 。 


同样 道理 ,作为 “实体 ”的 图 形 以 什么 样 的 形态 
9-34 和 图 9-35 所 示 的 海报 中 ,多 


加 9-34 


(来 源 : 


海报 设计 ( 1) 
三 联 素材 网 ，http://www.3lian.com/ 


show/2012/07/10868_2.html) 


(二 ) 留 白 


如 果 说 版 面 中 由 


间 表 现 为 一 种 主动 的 态度 时 ,可 以 称 之 为 “ 留 


动 ,在 版 面 中 的 作用 力也 更 强 。 
首先 ,在 版 面 中 巧妙 


图 9-36 所 示 ; 其 次 ,好 和 


留 白 能 缓解 视觉 


(来 源 : 


字 距 ,行距 ,以 及 文字 与 页 眉 、 
间 的 形态 会 影响 到 设计 主 


现在 版 面 中 ,也 就 决定 了 它 相 应 形 


图 


像 .文字 笔画 以 及 书法 墨迹 形成 


海报 设计 ( 2 ) 


三 联 素材 网 ，http://www.3lian.com/ 


show/2012/07/10868.html) 


如 形 文字 所 形成 的 负 空 间 是 一 种 被 动 的 消极 的 形态 ,而 当 这 种 负 空 
白 "。 留 白 与 一 般 的 负 空间 相 比 , 更 加 积极 主 


留 白 可 以 更 好 地 衬托 主题 ,集中 视线 ,造成 版 面 的 空间 层次 ,如 


留 白 ,形成 别具一格 的 意 


席 与 空 


曙光》 封面 设计 中 的 留 


白 之 美 , 体 现 更 深层 次 的 情感 意蕴 。 
形成 了 耐人寻味 的 中 国 古 典 味道 。 


张 ,形成 轻松 的 版 面 效果 ; 最 后 ,版 面 通过 


图 9-37 所 示 的 《美的 


图 9-36 ”电影 海报 设计 
(来 源 : 视觉 同盟 ，http://www.visionunion.com) 


六 、 对 比 与 调和 
(一 ) 对 比 


图 9-37 《美的 上 曙光》 书籍 封面 设计 
(来 源 :三联 素材 网 ，http://www.3lian.com/ 
show/2012/08/10926.html) 


对 比 就 是 使 相同 或 相 异 的 视觉 元 素 形成 强烈 的 差异 性 , 比如 形状 ,面积 .色彩 等 因素 ， 
版 式 设计 中 的 对 比 是 对 图 形 、 文 字 、 色 彩 、 线 条 之 间 存 在 的 差异 性 进行 强化 甚至 夸张 , 拉 开 
个 体 之 间 的 层次 ,使 版 面 中 的 主体 突出 , 带 来 强烈 的 视觉 效果 ,从 而 吸引 读者 的 视线 ,引起 


观 者 的 注意 。 


版 面 中 的 对 比 常常 表现 为 大 小 对 比 、 下 密 对 比 、 主 次 对 比 、 虚 实 对 比 、 色 彩 对 比 。 图 9-38 
所 示 的 海报 设计 就 表现 了 图 形 大 与 小 以 及 文字 粗 与 细 的 对 比 ; 而 图 9-39 中 则 采用 了 面积 
大 小 对 比 和 色彩 对 比 。 图 形 和 文字 在 经 历 不 同 度量 的 对 比 手法 后 ,能 形成 截然 不 同 的 版 面 
效果 ,因此 ,在 对 比 手法 的 运用 中 ,“ 量 ”或 “ 度 ”的 把 握 非常 重要 , 要 避免 过 度 和 失衡 。 
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图 9-38 图形 大 小 及 文字 粗细 对 比 
(来 源 : AD518 网 ，http://www.ad518.com) 


=DROUGHT ~ 


图 9-39 ”面积 大 小 及 色彩 对 比 


(来 源 : 版 式 设 计 很 简单 ， 微 信号 : typography_ 
design) 
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(二 ) 调和 

调和 是 指 各 种 元 素 和 谐 地 共处 于 同一 空间 ,各 元 素 之 间 的 协调 性 大 于 差异 性 。 版 式 中 
各 个 元 素 之 间 的 差异 性 大 于 协调 性 时 ,调和 就 变 成 了 对 比 。 调 和 的 版 面 总 是 给 人 安定 、 愉 
悦 的 感觉 。 版 面 中 的 调和 主要 通过 形态 .色彩 ,面积 等 元 素 体 现 。 

比如 ,版 面 中 出 现 了 相互 冲突 的 颜色 ,视觉 效果 很 突 无 ,这 就 需要 采用 调和 的 手法 ,可 
以 增加 黑 、 白 、 金 . 银 、 灰 等 色彩 作为 间隔 色彩 进行 统一 ,如 图 9-40 所 示 的 嫩绿 和 紫红 本 为 
对 比 色 , 但 在 它们 两 者 之 间 增 加 了 白色 之 后 ,画面 立刻 变 得 和 谐 ; 还 可 把 原 有 色彩 的 面积 
大 小 进行 调整 ,使 版 面 归 于 和 谐 ,如 图 9-41 所 示 , 就 是 采用 了 调整 色彩 面积 的 方法 得 到 调 
和 的 画面 。 


图 9-40 巴塞罗那 Forma and Co 工作 室 书籍 封面 设计 图 9-41 宣传 画册 设计 
(来 源 : 三 联 素 材 网 ，http://www.3visual3.com/plane/huace/ (来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/ 
2013050717538.html) 201303/33738_5.html) 


总 而 言 之 ,版 式 设计 中 的 形式 美 法 则 不 能 孤立 地 考虑 ,要 根据 主题 ,风格 ,传播 目的 等 
有 所 侧重 地 选择 相应 的 形式 美 法 则 。 版 式 设计 中 的 形式 美 法 则 体现 了 设计 师 的 品位 ,情感 
和 想象 力 ,同时 也 得 根据 不 同 的 媒体 ,不 同 的 领域 .不 同 的 受众 群 进行 合理 应 用 ,从 而 形成 
一 个 简洁 明快 .重点 突出 ,完整 而 富有 视觉 美感 的 信息 传播 体 。 


Ee 
实 袖 _ 
一 设 和 守 师 的 个 人 网 页 役 和 守 

设计 任务 及 要 求 如 下 。 

(1) 以 自身 为 设计 师 ,进行 模拟 网 站 网 页 界面 设计 ,不 考虑 动态 设计 因素 。 

(2) 在 屏幕 分 辩 率 为 1024px x 768px 下 ,网 页 尺寸 为 955px x 600px。 

(3) 营造 版 面 中 的 形式 美感 , 强调 个 性 化 。 

该 设计 实 训 的 榜样 作品 如 图 9-42 所 示 。 


【LEEROY 
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图 9-42 ”设计 师 的 个 人 网 页 设计 
(来 源 : 版 式 设计 很 简单 ， 微 信号 : typography_ design) 


网 页 版 交 役 入 

网 页 版 式 设计 是 指 在 有 限 的 屏幕 空间 上 将 多 媒体 元 素 进行 有 机 组 合 , 将 传达 内 容 所 必 
要 的 各 种 构成 要 素 依据 视觉 导向 ,根据 主题 要 求 给 予 必 要 的 关联 及 合理 配置 。 网 页 与 印刷 
品 在 版 式 上 有 以 下 6 种 差异 。 

(1) 界面 尺寸 差异 。 印 刷 品 规格 尺寸 固定 ,网 页 尺寸 则 由 读者 控制 ,所 以 使 页 面 上 元 
素 的 尺寸 和 位 置 不 能 精确 控制 。 

(2) 组 织 结构 差异 。 网 页 组 织 结构 是 非 线 性 的 ,通过 导 引 实现 浏览 。 

(3) 呈现 媒介 差异 。 网 页 不 同 于 印刷 品 只 呈现 在 纸 质 媒 介 上 , 它 可 以 呈现 在 手机 、 计 
算 机 、 电 视 等 电子 设备 上 , 这 就 要 求 考 虑 呈现 的 尺寸 和 色彩 。 


(4) 交互 操作 差异 。 网 页 最 大 的 优势 在 于 可 操作 性 ,可 以 实现 交互 完成 .即时 响应 
等 功能 。 


(5) 视觉 要 素 差异 。 网 页 上 除了 包含 印刷 品 上 的 文字 、 色 彩 、 图 片 等 视觉 要 素 外 ， < 


含 视频 和 按钮 等 文件 。 


(6) 技术 要 求 差异 。 随 着 HTML 和 CSS 的 不 断 升级 ,对 网 页 排版 的 支持 更 加 优秀 和 
效 。 * 


下 


banner 编排 是 网 络 广告 的 主要 形式 ,一 般 以 GIF 格式 的 图 像 文件 为 主 ,通常 分 为 动态 
第 记 章 旅 醒 中 的 开 式 美 法则 
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和 静态 两 种 ,为 了 不 影响 网 页 打开 速度 ,大 小 一 般 不 超过 22KB。 编 排 得 当 的 banner 往往 
会 成 为 网 页 的 亮点 ,加 深 浏览 者 的 印象 ,提高 点 击 率 ,如 图 9-43 所 示 。 


图 9-43 ”设计 师 Daniel Snows 的 banner 设 计 
(来 源 : Behance) 


同窗 (1) 了 解 版 式 设计 的 网 格 系统 及 重要 性 。 
“有 (2) 掌握 网 格 在 版 式 设计 中 的 表现 类 型 。 
(3) 熟悉 网 格 在 版 式 设计 中 的 运用 。 


LA 网 格 构成 是 现代 版 式 设计 最 重要 的 基础 构成 之 一 ,作为 一 种 行 之 
有 效 的 版 面 设计 形式 法 则 ,网 格 将 版 面 中 的 构成 元 素 一 点、 线 、 面 协 
调 一 致 地 编排 在 版 面 上 。 作 为 平面 构成 一 种 基本 而 多 变 的 版 面 框架 ， 
网 格 在 版 式 设 计 中 的 重要 作用 日 趋 凸显 ,是 从 事 平 面 设计 的 一 项 重要 
课题 。 


第 一 节 ”版 式 的 骨架 一 一 网 格 


一 、 网 格 的 概念 

版 式 设计 中 的 网 格 产生 于 20 世纪 初 的 欧洲 ,第 二 次 世界 大 战 以 后 ,瑞士 的 
平面 设计 师 将 这 种 风格 转化 为 一 种 普遍 的 设计 方法 论 , 从 这 一 时 期 开始 ,网 格 系 
统 作为 版 式 设计 的 一 种 方法 ,被 设计 师 普 遍 应 用 。 如 图 10-1 所 示 , 商 业 软 体 联 
盟 (BSA) 的 新 LOGO 采用 了 网 格 的 理念 ,图 10-2 所 示 是 网 格 在 画册 设计 中 的 
应 用 。 
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图 10-1 网 格 应 用 于 品牌 标志 设计 中 图 10-2 Te/on De Fondo 时 尚 画册 设计 
(来 源 : 亚洲 Cl 论坛 ，http://bbs.asiaci.com) (来 源 : 3 视觉 ，http://www.3visual3.com/plane/ 
huace/ 2013022816890.html) 


(一 ) 什么 是 网 格 

网 格 (Grid) ,从 字面 上 可 以 理解 为 由 纵横 交错 的 线 组 装 而 成 的 网 状 系统 ,网 格 是 预先 
在 版 面 中 建立 的 网 状 系 统 , 它 可 作为 标尺 ,辅助 设计 者 整合 和 安排 图 片 .文字 等 视觉 元 素 在 
版 面 中 的 位 置 。 

网 格 是 版 面 设计 中 的 骨架 ,是 设计 的 辅助 工具 ,网 格 线 在 版 式 设计 中 是 隐藏 的 参考 线 ， 
并 非 实体 元 素 。 在 图 10-3 中 ,可 以 看 到 网 格 的 纵横 线 对 画面 的 分 割 作 用 。 


a 


图 10-3 ”网 格 的 纵横 线 对 画面 的 分 割 和 构成 
(来 源 : http://course.zjnu.cn/wyyssj/kcwz/4-31.html) 


( 二) 网 敬 体 系 

网 格 是 指 安排 均匀 的 水 平 线 和 垂直 线 组 成 的 网 状 物 ,而 网 格 体系 又 称 网 格 设计 ,也 
称 标准 尺寸 系统 .程序 版 面 设 计 、 瑞 士 版 面 设计 ,是 在 平面 设计 时 在 预选 好 的 格子 中 分 配 
文字 和 图 片 的 一 种 版 面 设计 方法 。 它 的 源头 可 追溯 到 20 世纪 20 年 代 的 构成 主义 。 构 
成 主要 是 一 种 理性 的 逻辑 艺术 , 它 认 为 世界 是 一 个 大 单元 ,由 许多 的 小 单元 组 合 而 成 ,这 
种 组 合 不 是 简单 地 把 文字 和 图 片 并 列 放 置 在 一 起 ,而 是 从 画面 结构 中 的 相互 联系 发 展 
出 来 的 一 种 形式 法 则 ,网 格 体系 应 用 到 版 面 设 计 中 ,对 经 验 不 足 的 设计 师 有 很 大 的 帮助 


作用 。 

(三 ) 网 敬 在 版 式 设 计 上 的 重要 性 

在 版 面 设计 中 应 用 网 格 系统 ,使 设计 师 在 设计 版 面 中 不 再 随意 摆 放 设计 元 素 ,从 而 帮 
助 设计 师 在 版 面 中 做 出 选择 。 版 面 设计 的 网 格 是 文字 .表格 、 图 片 等 的 一 个 标准 斥 度 ,使 版 
面具 有 次 序 感 和 整体 感 。 合 理 的 网 格 能 够 帮助 设计 者 在 设计 时 掌握 明确 的 版 面 结构 ,做 出 
准确 的 判断 。 如 图 10-4 所 示 ,将 版 面 用 网 格 结构 呈现 出 来 ,给 人 严谨 .稳定 、 和 舒畅 的 感觉 。 


Rational Irrationality 


图 10-4 ”网 格 在 文字 编排 中 的 设计 应 用 
(来 源 : 花瓣 网 ，http:/huaban.com) 


二 、 网 格 的 功能 

网 格 作为 版 式 设计 中 的 重要 构成 元 素 ,能 够 有 效 地 强调 出 版 面 的 比例 感 和 秩序 感 ,让 
版 面 信息 的 可 读 性 得 以 明显 提升 。 在 版 面 设计 中 ,网 格 结构 的 运用 就 是 为 了 赋予 版 面 明确 
的 结构 ,达到 稳定 页 面 的 目的 ,从 而 体现 出 理性 的 视觉 效果 。 其 主要 功能 如 下 。 

( 一 ) 确定 信息 位 置 

在 网 格 的 各 项 功能 中 ,最 基本 和 关键 的 就 是 确定 好 版 面 各 项 信息 的 位 置 ,对 各 项 元 素 
进行 有 效 的 组 织 和 编排 ,使 得 页 面 内 容 具 有 鲜明 的 条 理性 。 

网 格 在 版 式 设计 中 的 运用 对 于 版 面 要 素 的 呈现 有 着 更 为 完善 的 整体 效果 ,有 助 于 设计 
师 合 理 地 安排 各 项 版 面 信息 ,从 而 有 效 地 提升 工作 效率 , 极 大 地 减少 在 图 文 编排 上 所 耗 
费 的 时 间 。 网 格 的 实际 应 用 不 仅 能 使 版 面具 有 科学 与 理性 的 依据 ,还 可 以 让 设计 构思 的 
呈现 变 得 简单 而 又 方便 。 在 图 10-5 所 示 的 版 面 设计 中 ,网 格 的 运用 使 版 面 中 繁多 的 信息 
杂 而 不 乱 。 : \\ 
网 格 的 组 织 作用 可 以 使 编排 过 程 变 得 轻松 ,同时 让 版 面 中 分 析 图 片 及 文字 信息 的 编排 
变 得 更 加 精确 且 条 理 分 明 。 1 
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图 10-5 ”单元 网 格 的 应 用 


(来 源 : http://news.sina.com.cn/c/2009-02- 


( 二 ) 符合 版 面 需要 


15/154917219274.shtml) 


网 格 具 有 多 种 不 同 的 编排 形式 ,在 进行 版 式 设计 的 过 程 中 ,网 格 的 运用 能 有 效 提高 版 
面 编排 的 灵活 性 ,设计 师 可 根据 具体 情况 的 需求 选择 合适 的 网 格 形式 ,而 后 将 各 项 信息 安 


置 在 基本 的 框架 中 ,有 利于 体现 符合 需要 的 版 面 氛 上 


目 。 如 图 10-6 所 示 , 栏 状 网 格 的 运用 使 


版 面 显得 条 理 清 晰 ,结构 分 明 。 


图 10-6” 栏 状 网 格 的 运用 
(来 源 : 设计 之 家 ，http://www.sj33.com) 


运用 版 面 设计 可 以 让 版 面具 有 整体 的 条 理性 ,增加 版 面 的 韵律 感 ,让 不 同类 型 的 作品 
具有 各 自 的 特色 氛围 ,网 格 的 多 种 结构 形式 能 够 有 效 地 满足 不 同 页 面 的 需求 ,使 得 作品 达 
到 需要 的 效果 。 当 人 们 阅读 时 ,能 从 版 面 形式 中 体验 到 不 同 的 设计 风格 特色 。 图 10-7 所 


示 的 版 面 既 热 情 奔 放 又 很 好 地 突出 了 主题 。 
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图 10-7 单元 格 网 格 结构 应 用 


(来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/201303/33739_5.html) 


( 三 ) 约束 版 面 内 容 


网 格 在 版 面 设计 中 具有 约束 版 面 内 容 的 作用 ,能 够 合理 有 效 地 安排 版 面 信息 ,使 其 具 


有 固定 的 结构 模式 。 对 于 书籍 或 杂志 的 编排 而 言 , 选 择 相似 的 网 格 框架 有 利于 保持 页 面 间 
的 联系 ,使 书籍 内 容 具有 统一 的 整体 感 。 

1 强调 版 面 的 秩序 感 和 整体 感 

网 格 对 于 版 式 设计 的 约束 效力 主要 体现 在 对 版 面 秩序 感 .比例 感 和 整体 感 等 的 强调 
上 ，, 它 不 仅 能 够 使 单一 的 版 面具 有 清晰 的 效果 ,还 能 保持 连续 页 面 间 的 相关 性 ,增加 作品 的 
整体 感 。 图 10-8 所 示 为 说 明 式 网 格 形式 ,图 文 结合 的 编排 设计 使 信息 的 表达 显得 更 为 生 


动 具体 。 


2. 表现 版 面 简洁 美观 的 艺术 风格 


网 格 约束 版 面 的 作 | 


能 使 页 面 呈现 出 各 自 的 特色 ,同时 表现 出 简洁 美观 的 艺术 风格 ， 


使 版 面 达到 一 目 了 然 的 目的 ,有 效 提升 信息 的 可 读 性 。 在 确定 的 网 格 框架 内 ,调整 细微 


的 元 素 , 可 以 让 任何 形式 


网 格 使 用 原则 :对 以 
图 片 为 主 的 版 式 ,通常 使 


的 版 面 都 具有 整体 的 平衡 性 ,从 而 使 版 面 的 布局 设计 丰富 多 样 。 


图 10-9 所 示 的 设计 就 是 根据 网 格 将 图 片 与 文字 信息 进行 规则 而 整齐 的 编排 。 


文本 为 主 的 版 式 ,通常 使 用 两 栏 或 三 栏 简单 的 网 格 。 对 于 以 插图 、 
用 三 栏 以 上 复杂 的 网 格 。 网 格 越 复 杂 , 设 计 就 越 具 有 灵活 性 ,当然 


难度 就 越 大 ,需要 长 期 的 经 验 积累 。 
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图 10-8 说 明 式 网 格 形式 图 10-9 规整 图 片 与 文字 信息 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/bssj/ (来 源 : 设计 之 家 ，http://www.sj33.cn/article/bssj/ 
200907/20548.html) 200907/20548.html) 


(四 ) 保障 阅读 的 天 联 性 

网 格 是 用 来 设计 版 面 元 素 的 关键 ,能 够 有 效 地 保障 内 容 间 的 联系 。 无 论 是 哪 种 形式 的 
网 格 , 都 能 让 版 面具 有 明确 的 框架 结构 ,使 编排 流程 变 得 清晰 简洁 ,将 版 面 中 的 各 项 要 素 
进行 有 组 织 的 安排 ,加 强 内 容 的 关联 性 。 

1， 科 学 编排 版 面 ,加 强 内容 的 关联 性 

对 于 版 面 设计 而 言 ,网 格 是 所 有 编排 的 依据 , 它 能 让 版 面 有 一 个 科学 、 理 性 的 基本 结 
构 , 使 各 部 分 内 容 编 排 组合 变 得 有 条 不 亲 , 产 生 必要 的 关联 性 ,从 而 让 人 们 在 阅读 时 能 够 根 
据 页 面 所 具有 的 流动 感 而 移动 视线 ,如 图 10-10 所 示 , 版 面 所 呈现 的 是 一 种 鲜明 的 空间 关 
联 性 。 


图 10-10 图片 与 文字 的 空间 关联 性 
(来 源 : 设计 之 家 ，hittp://www.sj33.cn/article/jphc/200911/21178_2.html) 


2. 规整 的 设计 版 面 , 提 升 内容 的 可 读 性 
掌握 网 格 在 版 面 设计 中 的 编排 作用 ,目的 就 是 为 了 让 版 面具 有 清晰 ,规整 的 视觉 效果 ， 


提升 内 容 的 可 读 性 。 因 此 ,根据 网 格 的 既定 结构 进行 版 面 元 素 的 编排 是 很 必要 的 ,在 使 各 
内 容 合理 地 呈现 于 页 面 之 上 的 基础 上 ,可 以 有 效 地 加 强 版 面 内 容 间 的 关联 性 ,便于 人 们 对 
内 容 进 行 阅读 。 如 图 10-11 所 示 , 网 格 的 使 用 使 图 片 与 文字 相得益彰 ,提升 了 可 读 性 。 


图 10-11 使 用 网 格 编排 图 片 文字 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/200603/7835.html) 


三 、 网 格 的 类 型 

版 式 设计 中 网 格 的 构成 主要 表现 为 对 称 式 网 格 与 非 对 称 式 网 格 两 种 。 无 论 什么 样 的 
网 格 形式 ,在 版 式 设计 中 都 起 着 约束 版 面 结构 的 作用 ,在 约束 的 同时 体现 出 整个 版 面 的 协 
调 与 统一 性 。 

( 一 ) 对 称 式 网 格 

对 称 式 网 格 是 指 在 版 面 设计 中 左右 两 个 页 面 结构 完全 相同 。 对 称 式 网 格 主要 起 到 组 
织 信息 ,平衡 左右 版 面 的 作用 ,如 图 10-12 和 图 10-13 所 示 。 


= 


上 
上 
三 

上 FE 


于 


图 10-12 对称 式 网 格 图 10-13 ”Lumens 一 书籍 版 面 设计 


(来 源 : 设计 之 家 ，hittp://www.sj33.cn/article/bssj/ (来 源 : 视觉 同盟 ，http://www.visionunion.com) 


201304/34160.html) 
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( 二 ) 非 对 称 式 网 前 


非 对 称 式 网 格 是 指 左右 版 面 采用 同一 种 编排 方式 ,但 是 编排 并 不 像 对 称 式 网 格 那样 绝 
对 。 设 计 师 在 编排 的 过 程 中 , 可 以 根据 版 面 需要 调整 版 面 的 网 格 栏 的 大 小 比例 。 非 对 称 式 


网 络 可 使 整个 版 面 更 灵活 ,更 具有 生气 ,如 图 10-14 所 示 。 


SKIMS RULE 
THE 6 


MENAL 


图 10-14” 非 对 称 式 网 格 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/bssj/200907/20548.html) 


( 三 ) 基线 式 网 蔬 


基线 式 网 格 通常 是 不 可 见 的 ,但 它 却 是 平面 设计 的 基础 。 它 提供 了 一 种 视觉 参考 ， 
可 以 帮助 设计 师 准 确 编排 版 面 元 素 , 并 对 齐 页 面 , 实 现 赁 感觉 无 法 达到 的 版 面 效 果 , 如 


图 10-15 所 示 。 


图 10-15 ”基线 式 网 格 


基线 式 网 格 不 仅 是 辅助 对 齐 版 面 元 素 的 基础 线 ,偶尔 还 能 作为 版 面 的 一 种 构成 元 素 ， 


直观 地 呈现 于 页 面 之 上 ,这 样 的 基线 式 网 格 常 被 用 来 强化 正文 内 容 。 如 图 
显露 的 基线 式 网 格 有 效 地 强化 了 版 面 中 的 正文 内 容 , 提 升 了 文字 的 可 读 怕 


10-16 所 示 , 左 侧 
E ; 右 侧 交叉 对 齐 


的 基线 式 网 格 使 版 面 中 各 层级 的 内 容 紧密 地 联系 起 来 ,表现 出 和 谐 统 一 的 整体 版 面 风格 。 


JstheCraftof 
Branding Dying 
in Packaging? 


图 10-16 设计 类 杂志 Dragonfly 时 尚 版 面 设计 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/bssj/200903/19587.html) 


(四 ) 成 角 式 网 格 

成 角 式 网 格 是 版 面 设计 中 经 常 被 运用 的 一 种 结构 形式 ,但 它 在 版 面 中 往往 很 难 设置 ， 
网 格 可 以 设置 成 任何 角度 。 成 角 式 网 格 发 挥 作用 的 原理 跟 其 他 网 格 一 样 ,但 是 由 于 成 角 
式 网 格 是 倾斜 的 ,设计 师 在 版 面 编排 时 ,能 够 以 打破 常规 的 方式 展现 自己 的 风格 创意 ,如 
图 10-17 所 示 。 


图 10-17 成 角 式 网 格 


第 二 节 ”利用 对 称 式 网 格 创 建 版 面 


对 称 式 网 格 是 指 版 面 设计 中 左右 两 个 页 面 的 编排 结构 形式 完全 相同 ,并 且 有 相同 的 内 
外 页 边 距 , 对称 式 网 格 是 根据 版 面 的 比例 所 创建 的 , 它 的 主要 作用 是 组 织 信息 ,平衡 左右 版 
面 。 对 称 式 网 格 通常 分 为 对 称 式 栏 状 网 格 和 对 称 式 单元 网 格 。 
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一 、 对 称 式 栏 状 网 格 


对 称 式 栏 状 网 格 根据 栏 的 位 置 和 版 式 的 宽度 ,左右 页 面 的 版 式 结构 完全 相同 。 网 格 中 
的 栏 指 的 是 印刷 文字 的 区 域 , 它 可 以 使 文字 按照 一 种 方式 编排 ,如 图 10-18 所 示 。 


图 10-18 ”书籍 内 页 版 面 ( 对 称 式 栏 状 网 格 ) 


栏 的 宽窄 直接 影响 文字 的 编排 , 栏 可 以 使 文字 编排 得 更 有 秩序 ,使 版 面 更 严谨 。 但 是 
如 果 栏 的 标题 变化 不 大 ,将 会 使 整个 版 面 文字 缺乏 活力 ,使 版 面 显得 单调 。 对 称 式 栏 状 网 
格 分 为 单 栏 式 对 称 网 格 、 双 栏 式 对 称 网 格 、 三 栏 式 对称 网 格 甚至 多 栏 式 对 称 网 格 等 。 

( 一 ) 里 栏 式 对 称 网 敬 

所 谓 单 栏 式 对 称 网 格 ,是 指 将 连续 页 面 中 左右 两 部 分 的 印刷 文字 进行 一 栏 式 的 编排 。 
单 栏 式 对 称 网 格 的 排列 形式 使 版 面 显 得 简洁 .单纯 。 在 单 栏 式 网 格 版 式 中 ,文字 的 编排 过 
于 单调 ,容易 使 人 在 阅读 时 产生 疲惫 感 。 单 栏 式 对 称 网 格 一 般 用 于 文字 性 书籍 ,如 小 说 、 文 
学 著作 等 。 因 此 在 单 栏 式 网 格 中 文字 的 长 度 一 般 不 要 超过 60 字 , 如 图 10-19 所 示 。 


图 10-19 ” 单 栏 式 对 称 网 格 
(来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) 


( 二) 双 栏 式 对 称 网 散 

双 栏 式 对 称 网 格 的 主要 特点 是 能 更 好 地 实现 版 面 平衡 ,使 阅读 更 流畅 ,适合 文字 信息 
较 多 的 版 面 ,可 使 版 面具 有 较 强 的 活跃 性 ,同时 也 使 页 面 显 得 更 为 饱满 ,避免 文字 过 多 而 造 
成 的 视觉 混乱 。 采 用 双 栏 式 对 称 网 格 进 行 版 面 的 编排 设计 ,可 以 让 版 面 结 构 显 得 更 为 规 
则 整齐 , 双 栏 网 格 在 杂志 版 面 中 运用 十 分 广泛 ,但 是 双 栏 对 称 式 网 格 的 版 面 缺 乏 变化 , 文 
字 的 编排 比较 密集 ,画面 显得 有 些 单调 ,为 此 可 以 增加 一 些 图 片 进行 调节 ,如 图 10-20 和 
图 10-21 所 示 。 


图 10-20 书籍 内 页 版 面 双 栏 式 对 称 网 格 图 10-21 书籍 内 页 版 面 双 栏 式 网 格 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/bssj/ (来 源 : 版 式 设计 很 简单 ， 微 信号 : typography_ 
200707/11825.html) design) 


(三 ) 三 栏 式 对 称 网 散 

三 栏 式 对 称 网 格 将 版 面 左右 页 面 分 为 三 栏 ,适合 版 面 文字 信息 较 多 的 版 面 ,可 以 避免 
行 字数 过 多 造成 的 阅读 时 的 视觉 疲劳 感 。 三 栏 式 对 称 网 格 的 运用 使 版 面具 有 活跃 性 ,打破 
了 单 栏 的 严肃 感 ,如 图 10-22 所 示 。 


图 10-22 三 栏 式 对 称 网 格 


(来 源 : 视觉 同盟 ，http://www.visionunion.com) 
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(四 ) 多 栏 式 对 称 网 敬 

多 栏 式 对 称 网 格 是 根据 不 同 的 版 面 需要 将 网 格 设计 成 需要 的 形式 ,具体 栏 数 依据 实际 
情况 而 定 。 多 栏 式 对 称 网 格 适用 于 编排 一 些 有 相关 性 的 段落 文字 和 表格 形式 的 文字 ,例如 
联系 方式 .术语 表 、 数 据 目录 等 信息 ,如 图 10-23 所 示 。 它 能 使 版 面 呈现 出 丰富 多 彩 的 效果 。 


图 10-23 ”多 栏 式 对 称 网 格 
(来 源 : 设计 之 家 ，http://www.sj33.cn/article/jphc/201301/33218_5.html) 


二 、 对 称 式 单元 网 格 

对 称 式 单元 网 格 在 版 面 编排 时 ,要 求 将 版 面 划 分 成 一 定数 量 的 大 小 相等 的 单元 格 ,再 
根据 版 面 的 需要 编排 文字 和 图 片 。 在 编排 过 程 中 ,单元 格 之 间 的 间隔 距离 可 以 自由 放大 或 
者 缩小 ,但 是 每 个 单元 格 四 周 的 空间 距离 必须 相等 。 版 式 设计 中 单元 格 的 划分 保证 了 页 面 
的 空间 感 , 也 使 版 式 排列 具有 规律 性 ,如 图 10-24 所 示 。 


洽 NN | 


图 10-24 ”对 称 式 单元 网 格 
(来 源 : 站 酷 ，http:/www.zcool.com.cn/show/ZOTI4NDA=/2.html) 


运用 对 称 式 单元 格 能 够 使 整个 版 面 给 人 规则 ,整洁 、 规 律 的 视觉 感受 ,对称 式 单元 格 的 
大 小 及 间距 可 自由 调整 ,有 效 地 体现 出 版 式 设计 的 灵活 性 , 既 使 得 网 格 结构 具有 多 变 的 形 
式 ,同时 又 保证 了 页 面 的 空间 感 和 秩序 感 。 对 称 式 单元 格 网 格 的 运用 使 左右 页 面 显得 均 
衡 而 统一 ,将 文字 与 图 片 组 合 在 一 起 进行 编辑 设计 有 助 于 提升 内 容 的 生动 性 ,便于 阅读 ， 
如 图 10-25 所 示 。 


图 10-25 ”图 文 结 合 的 对 称 式 单 元 网 格 
(来 源 : 花瓣 网 ，http:/huaban.com) 


第 三 节 ”利用 非 对 称 式 网 格 创建 版 面 


非 对 称 式 网 格 是 相对 于 对 称 式 网 格 而 言 的 。 非 对 称 式 网 格 是 指 左右 版 面 采用 不 同 的 
结构 方式 ,使 过 于 严谨 的 版 面 变 得 灵活 充满 创 新 的 一 种 形式 ,设计 师 可 以 根据 不 同 的 版 面 
需要 调整 版 面 网 格 栏 的 大 小 比例 , 以 增强 版 面 的 表现 力 。 非 对 称 式 网 格 主要 分 为 非 对 称 式 
栏 状 网 格 与 非 对 称 式 单元 网 格 两 种 。 

非 对 称 式 网 格 一 般 适 用 于 设计 散 页 , 散 页 中 也 许 有 一 个 相对 于 其 他 栏 宽度 较 窗 的 栏 ， 
便于 插入 旁 注 , 它 为 设计 的 创造 性 提供 了 机 会 ,同时 保持 了 设计 的 整体 风格 。 


一 、 非 对 称 式 栏 状 网 格 


非 对 称 式 栏 状 网 格 是 指 在 版 式 设计 中 ,左右 页 面 的 网 格 栏 数 基本 相同 ,但 是 页 面 中 
的 信息 安排 呈现 不 对 称 状态 ,各 相关 元 素 的 编排 更 为 灵活 多 变 , 图 10-26 所 示 是 三 栏 网 
格 结构 版 式 , 它 采 用 了 大 小 不 同 的 图 片 的 形式 ,版 面 生动 有 趣 ,形成 了 非 对 称 式 栏 状 网 格 
版 式 结构 。 
对 于 书籍 和 杂志 的 编排 而 言 ,在 进行 版 式 的 编排 设计 时 通常 会 在 书页 中 加 入 一 些 非 对 
称 式 栏 状 网 格 的 页 面 ,使 得 其 结构 形式 更 为 生动 。 在 具体 的 设计 中 ,设计 师 会 根据 版 面 的 
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不 同 需求 在 左右 多 栏 状 网 格 的 形式 上 进行 文字 的 比例 调整 ,使 相 邻 的 页 面 产生 一 定 的 变化 


效果 ,如 图 10-27 所 示 。 


图 10-26 ”杂志 版 式 设计 
(来 源 : 狼 牙 创意 网 ，http://www.logohhh.com) 


图 10-27 ” hoffmann 杂 志 版 式 设计 
(来 源 : 视觉 同盟 ，http://www.visionunion.com) 


二 、 非 对 称 式 单元 网 格 
非 对 称 式 单元 网 格 的 网 格 结构 属于 比较 基础 的 常用 网 格 形式 ,其 编排 组 合 较 


为 简捷 、 


单纯 ,通常 是 指 将 版 面 中 的 左右 页 面 划分 成 不 同 大 小 的 单元 格 ,使 之 呈现 出 强烈 的 不 对 称 


状态 。 非 对 称 式 单元 网 格 在 版 式 中 的 编排 应 用 既 有 利于 编排 版 面 中 较 多 的 图 片 与 
时 又 能 体现 版 面 的 层次 关系 ,如 图 10-28 所 示 , 版 面 的 编排 设计 运用 了 非 对 称 式 证 
形式 ,有 效 地 提升 了 版 面 的 活跃 度 ,体现 出 版 式 设计 的 多 样 性 ,使 整个 版 面 更 生动 
版 面 的 呆板 无 趣 。 


文字 , 同 
元 格 的 
,避免 了 


图 10-28 方 框 式 的 非 对 称 式 单元 网 格 
(来 源 : http://www.vartcn.com/Article/pmsj/sjzp/200610/11488_2.html) 


第 四 节 ”遵守 网 格 系统 与 突破 网 格 系统 


网 格 编排 是 版 式 设计 的 前 期 过 程 ,构建 良好 的 网 格 骨 架 是 非常 重要 的 ,网 格 的 形式 复 
杂 多 样 ,在 编排 版 面 的 过 程 中 ,设计 师 发 挥 的 空间 很 大 ,各 种 各 样 的 编排 结构 都 可 能 出 现 ， 
设计 师 若 能 根据 不 同 的 页 面 内 容 选 择 合适 的 网 格 形式 ,可 以 很 好 地 提高 效率 ,从 而 使 版 式 
设计 快速 获得 成 功 。 


一 、 遵 守 网 格 系统 


好 的 网 格 结构 可 以 帮助 设计 师 明 确 设计 风格 ,排除 设计 中 随意 编排 的 可 能 ,使 得 版 面 
统一 规整 。 网 格 的 建立 不 仅 可 以 令 设 计 风 格 更 连贯 ,还 可 衍生 无 尽 的 自由 创作 风格 。 在 版 
式 设计 中 ,可 以 采用 栏 状 网 格 与 单元 格 网 格 混 排 的 形式 编排 版 面 。 设 计 师 可 以 利用 两 者 的 
不 同 风格 来 编排 出 灵活 性 较 大 、 协 调 统一 的 版 面 构成 设计 。 如 图 10-29 所 示 , 左边 是 单纯 
的 栏 状 网 格 ,右边 是 栏 状 网 格 与 单元 格 网 格 相 结合 。 

网 格 可 以 通过 以 下 方式 创建 。 

(一 ) 根据 比例 天 系 创建 网 敬 NAN 

网 格 的 构图 能 力 来 自 于 所 有 元 素 之 间 的 规则 性 和 连续 性 , 它 能 够 决定 一 个 页 面 上 元 
的 零散 或 整齐 程度 、 页 面 上 插图 和 文字 的 比例 。 在 版 式 设计 中 ,网 格 的 建立 可 以 利用 版 1 
中 各 个 构成 元 素 的 比例 关系 ,图 10-30 所 示 为 德国 字体 设计 师 简 安 " 特 科 尔 德 设计 的 经 典 
版 式 。 
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图 10-30 按 比例 建立 网 格 图 10-31 单元 格 网 格 的 建立 


( 二 ) 运用 里 元 网 格 创 建 网 格 

在 分 割 页 面 的 时 候 ,也 可 采用 每 个 单元 格 的 大 小 来 建立 网 格 。 图 10-31 所 示 版 面 是 由 
34 x 55 的 单元 网 格 构成 ,内 缘 留 白 5 个 单元 格 , 外 缘 留 白 8 个 单元 格 , 在 版 面 的 宽度 与 高 
度 比 上 获得 连贯 和 谐 的 视觉 效果 。 

建立 网 格 的 目的 是 对 设计 元 素 进行 合理 有 序 的 编排 。 它 决定 了 图 片 与 文字 以 及 图 表 
在 版 面 中 的 位 置 以 及 比例 关系 ,网 格 为 文字 和 图 片 的 编排 起 到 了 指导 作用 。 


二 、 突 破 网 格 系统 


网 格 的 主要 目的 是 帮助 设计 师 编排 版 面 ,使 版 面 更 方便 阅读 。 打 破 网 格 的 约束 能 使 版 
面 设计 更 具有 自由 性 ,能 有 效 地 传达 一 种 特殊 的 设计 风格 ,呈现 设计 师 的 创意 ,但 是 需要 设 
计 师 准确 地 把 握 画 面 的 平衡 感 。 

在 一 些 突破 网 格 约束 的 版 面 设计 中 ,文字 在 版 面 中 的 编排 整齐 而 有 规律 ,版 面 和 谐 , 信 
息 传达 明确 ,因此 ,无 网 格 结构 同样 能 达到 视觉 传达 的 目的 ,如 图 10-32 所 示 。 

采用 无 网 格 版 面 的 编排 形式 如 图 10-33 所 示 , 文 字 采 用 中 对 齐 的 文字 块 形式 ,在 没有 
网 格 结构 的 情况 下 仍然 能 清晰 地 传达 信息 ,整个 版 面 层 次 结构 清晰 ,体现 了 不 规则 单元 格 
的 编排 形式 。 
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图 10-33 无 网 格 版 面 
(来 源 : 花瓣 网 ，http://huaban.com) 


图 10-32 ”Kuba Sowimski 书 籍 版 式 设计 
(来 源 : DOOOOR 设 计 网 ，http://www.doooor.com) 


实 福 报纸 版 面 设 计 与 网 客运 用 


设计 任务 及 要 求 如 下 。 
(1) 根据 对 网 格 设计 的 基本 了 解 ,运用 网 格 的 多 栏 式 结构 进行 报纸 版 面 编排 。 要 体现 


报纸 的 可 阅读 性 与 版 面 的 平衡 感 与 活跃 性 。 
(2) 在 版 面 设计 中 构建 适用 的 网 格 系统 ,并 以 此 为 依据 放置 视觉 元 素 。 在 设计 练习 的 


过 程 中 体会 和 理解 网 格 在 版 面 设计 中 的 使 用 。 
该 设计 实 训 的 榜样 作品 如 图 10-34 所 示 。 
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图 10-34 ”报纸 版 面 设 计 优秀 作品 
(来 源 : 花瓣 网 ，http:W/huaban.com) 


第 十 章 如 何 利 用 向 净 体系 


187 


188 


版 式 设 计 (第 2 版 ) 


信 
下 报纸 版 交 役 入 


报纸 作为 信息 传达 的 主要 媒介 ,在 版 式 设计 上 越 来 越 兼 具 易 读 和 审美 的 双重 要 求 。 报 
纸 信息 量 大 ,尤其 以 文字 信息 为 主 ,版 面 信息 间 相 对 独立 ,区 域 性 强 。 版 面 既 要 重点 突出 ， 
又 要 视觉 流程 顺畅 ,还 要 有 层次 感 ,节奏 感 。 

报纸 版 式 设 计时 应 注重 以 下 几 点 。 

(1) 尺寸 规格 。 一 般 报纸 印刷 为 大 8 开 (545mm x 393mm)。 

(2) 明确 纸张 类 型 。 报 纸 一 般 印 刷 采用 新 闻 纸 , 视 情 况 也 有 用 铜版 纸 印刷 的 。 

(3) 栏 式 选择 要 合理 ,组 合 要 巧妙 。 

(4) 版 面 用 色 最 重要 。 做 报纸 忌讳 花花 绿绿 的 版 面 , 颜 色 越 少 越 好 。 

(5) 图 片 选择 。 图 片 是 新 闻 表述 的 重要 形式 , 常 被 称 为 报纸 版 面 的 眼睛 。 发 挥 设计 师 
的 想象 力 ,灵活 布置 图 片 ,可 以 让 版 面 大 放 异 彩 ,如 图 10-35 所 示 。 

(6) 文字 选择 。 报 纸 是 以 标题 为 基础 的 选择 性 阅读 , 人们 通过 标题 的 感觉 决定 是 否 进 
行 全 文 阅读 。 标 题 要 醒目 、 易 读 ; 除 标题 外 ,正文 字体 不 要 超过 3 种 , 以免 引 起 读者 视觉 疲 
劳 ,如 图 10-36 所 示 。 


图 10-35 ”报纸 版 式 设 计 (1) 图 10-36 ”报纸 版 式 设计 ( 2 ) 
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附录 1 


平面 设计 中 常见 的 图 片 格 式 


一 、BMP 格式 


BMP 是 英文 Bitmap (位 图 ) 的 简写 , 它 是 Windows 操作 系统 中 的 标准 图 
像 文件 格式 ,能 够 被 多 种 Windows 应 用 程序 所 支持 。 随 着 Windows 操作 系统 的 
流行 与 丰富 的 Windows 应 用 程序 的 开发 ，BMP 位 图 格式 理所当然 地 被 广泛 应 
用 。 这 种 格式 的 特点 是 包含 的 图 像 信息 较 丰 富 ,几乎 不 进行 压缩 ,但 由 此 导致 了 
它 与 生 俱 生 来 的 缺点 一 一 占用 磁盘 空间 过 大 。 


二 、GIF 格式 


GIF 是 英文 Graphics Interchange Format (图 形 交 换 格 式 ) 的 缩写 。 顾 名 思 
义 , 这 种 格式 是 用 来 交换 图 片 的 。 

GIF 格式 的 特点 是 压缩 比 高 ,磁盘 空间 占用 较 少 ,所 以 这 种 图 像 格 式 迅速 
得 到 了 广泛 的 应 用 。 最 初 的 GIF 只 是 简单 地 用 来 存储 单 幅 静 止 图 像 〈 称 为 
GIF87a) ,后 来 随 着 技术 的 发 展 ，GIF 文件 可 以 同时 存储 若干 幅 静 止 图 像 进而 形 
成 连续 的 动画 ,使 之 成 为 当时 支持 2D 动画 的 为 数 不 多 的 格式 之 一 。 但 GIF 有 
个 小 小 的 缺点 , 即 不 能 存储 超过 256 色 的 图 像 。 尽 管 如 此 ,这 种 格式 仍 在 网 络 上 
大 行 其 道 ,这 和 GIF 图 像 文件 短小 .下 载 速度 快 . 可 用 许多 具有 同样 大 小 的 图 像 


文件 组 成 动画 等 优势 是 分 不 开 的 。 


三 、JPEG 格式 


JPEG 也 是 常见 的 一 种 图 像 格式 , JPEG 文件 的 扩展 名 为 .jpg 或 jpeg, 其 压缩 技术 十 
分 先进 , 它 用 有 损 压 缩 方式 去 除 元 余 的 图 像 和 彩色 数据 ,在 获取 极 高 的 压缩 率 的 同时 能 展 
现 十 分 丰富 生动 的 图 像 , 换 句 话说 ,就 是 可 以 用 最 少 的 磁盘 空间 得 到 较 好 的 图 像 质量 。 

由 于 JPEG 优异 的 品质 和 杰出 的 表现 , 它 的 应 用 也 非常 广泛 ,特别 是 在 网 络 和 光盘 读 
物 上 ,都 能 找到 它 的 影子 。 目 前 各 类 浏览 器 均 支 持 JPEG 这 种 图 像 格式 ,因为 JPEG 格式 
的 文件 尺寸 较 小 ,下 载 速度 快 ,使 得 网 页 有 可 能 以 较 短 的 下 载 时 间 提 供 大 量 美 观 的 图 像 ， 
JPEG 同时 也 就 顺理成章 地 成 为 网 络 上 最 受 欢迎 的 图 像 格 式 。 


四 、TIFF 格式 


TIFF 是 Mac 中 广泛 使 用 的 图 像 格式 。 它 的 特点 是 图 像 格式 复杂 、 存 储 信息 多 。 正 因 
为 它 存储 的 图 像 细 微 层次 的 信息 非常 多 ,图 像 的 质量 也 得 以 提高 ,故而 非常 有 利于 原稿 的 
复制 。 

该 格式 有 压缩 和 非 压缩 两 种 形式 。TIFF 格式 结构 较为 复杂 ,兼容 性 较 差 ,因此 有 时 用 
户 的 软件 可 能 不 能 正确 识别 TIFF 文件 (现在 绝 大 部 分 软件 都 已 解决 了 这 个 问题 )。 目 前 
在 Mac 和 计算 机 上 移植 TIFF 文件 也 很 便捷 ,因而 TIFF 现在 是 计算 机 上 使 用 最 广泛 的 图 
像 文 件 格式 之 一 。 


五 、PSD 格式 


PSD (Photoshop Document) 是 著名 的 Adobe 公司 的 图 像 处 理 软件 Photoshop 
的 专用 格式 。PSD 其 实 是 Photoshop 进行 平面 设计 的 一 张 “草稿 图 ”, 它 里 面包 含有 各 
种 图 层 、 通 道 . 遮 置 等 多 种 设计 的 样稿 ,以 便于 用 户 下 次 打开 文件 时 可 以 修改 上 一 次 的 设 
计 。 在 Photoshop 所 支持 的 各 种 图 像 格式 中 ，PSD 的 存 取 速 度 比 其 他 格式 快 很 多 ,功能 
也 很 强大 。 


六 、PNG 格式 


PNG 是 一 种 新 兴 的 网 络 图 像 格式 , 它 汲取 了 GIF 和 卫 G 两 者 的 优点 ,存储 形式 丰富 ， 
兼 有 GIF 和 JPG 的 色彩 模式 , 它 的 另 一 个 特点 是 能 把 图 像 文 件 压缩 到 极限 以 利于 网 络 
传输 ,但 又 能 保留 所 有 与 图 像 品 质 有 关 的 信息 ,因为 PNG 是 采用 无 损 压 缩 方式 来 减少 文 
件 的 大 小 ,这 一 点 与 牺牲 图 像 品 质 以 换取 高 压缩 率 的 JPG 有 所 不 同 。 它 的 显示 速度 很 快 ， 
只 需 下 载 1/64 的 图 像 信息 就 可 以 显示 出 低 分 辩 率 的 预览 图 像 。 此 外 ，PNG 支持 透明 图 
像 的 制作 。 


七 、SWF 格式 


利用 Flash 可 以 制作 出 一 种 后 缀 名 为 SWF 的 动画 ,这 种 格式 的 动画 图 像 能 够 用 比较 
小 的 体积 来 表现 丰富 的 多 媒体 形式 。 在 图 像 的 传输 方面 ,用 户 不 必 等 到 文件 全 部 下 载 才能 
观看 ,而 是 可 以 边 下 载 边 看 ,特别 适合 网 络 传输 ，SWF 被 大 量 应 用 于 网 页 进行 多 媒体 演示 
与 交互 性 设计 。 此 外 ，SWF 动画 是 基于 矢量 技术 制作 的 ,不 管 将 画面 放大 多 少 倍 , 画面 不 
会 因此 而 有 任何 损害 。 


八 、SVG 格式 


SVG 的 英文 全 称 为 Scalable Vector Graphics, 意 思 为 可 缩放 的 矢量 图 形 。 严 格 来 说 它 
是 一 种 开放 标准 的 矢量 图 形 语言 。 用 户 可 以 直接 用 代码 描绘 图 像 , 可 以 用 任何 文字 处 理工 
具 打 开 SVG 图 像 ,通过 改变 部 分 代码 使 图 像 具 有 互 交 功能 ,并 可 以 随时 插入 到 HTML 中 
并 通过 浏览 器 来 观看 。 

SVG 可 以 任意 放大 图 形 显 示 , 但 绝 不 会 以 牺牲 图 像 质量 为 代价 ; SVG 文件 比 JPEG 
格式 和 GIF 格式 的 文件 要 小 很 多 ,因而 下 载 也 很 快 。 


附录 2 
平面 设计 和 印刷 用 的 纸张 规格 与 开本 尺寸 
1， 常 见 纸张 尺寸 


e 大 度 纸张 : 889mm x 1194mm 

e 正 度 纸张 : 787mm x 1092mm 

2. 常见 开本 尺寸 

ee 2 开 大 度 :570mm x 840mm ; 正 度 : 540mm x 740mm 
e 4 开 大 度 :420mmx570mm ; 正 度 : 370mm x 540mm 
e 8 开 大 度 :285mmx420mm ; 正 度 : 260mm x 370mm 
e 16 开 大 度 :210mmx285mm ; 正 度 : 185mm x 260mm 
3. 标准 IC 卡尺 十 

85mm x S4mm 

4. 三 折 页 广告 标准 尺寸 

(A4) 210mm x 285mm 

5. 普通 宣传 册 标 准 尺寸 

(A4) 210mm x 285mm 


6. 常规 招贴 画 尺寸 
540mm x 380mm 


7. 挂 旗 标准 尺寸 

e 8 开 : 376mm x265mm 

e 4 开 : 540mm x380mm 

8. 手提 袋 标准 尺寸 

400mm x 285mm x 80mm 

9. 信纸 、 便 条 标准 尺寸 

l85mm x 260mm 210mm x 28Smm 
10. 信封 尺寸 


e 小 号 : 220mm x 110mm 
e 中 号 : 230mm x 158mm 
e 大 号 : 320mm x 228mm 


11. 打印 纸张 标准 尺寸 


® A3 : 297mm x 420mm 
® A4 : 210mm x 297mm 
e A5 : 148mm x 210mm 
e B4 : 237mm x 364mm 
e B5 : 182mm x 257mm 


12. 名 片 尺 十 


。 横 版 : 90mm x 55mm ( 方 角 ) ; 85mm x 54mm ( 圆 角 ) 
e 坚 版 : 50mm x 90mm ( 方 角 ) ; 54mm x 85mm ( 圆 角 ) 
e 方 版 : 90mm x 90mm ; 90mm x 95mm 


